platform icon indicating copy to clipboard operation
platform copied to clipboard

Dropdown menu cropped in table layout (version 14.30.0)

Open taiwanleaftea opened this issue 1 year ago • 1 comments

Describe the bug

I have dropdown action menu built with this code

Снимок экрана 2024-08-21 в 15 49 08

Until version 14.27.2 everything worked fine. After update to the 14.30.0 the dropdown is cut by next table row.

Снимок экрана 2024-08-21 в 15 44 46

Expected behavior (version 14.27.2)

Снимок экрана 2024-08-21 в 15 54 48

Desktop (please complete the following information):

  • OS: MacOS 13.6.9
  • Browser Firefox 129.0.2, Safari 17.6

taiwanleaftea avatar Aug 21 '24 14:08 taiwanleaftea

I added the ability to make the entire table row clickable. To achieve this, I wrapped the <tr> element with position: relative and added an <a> element that fills the entire row.

Unfortunately, this solution doesn't work in Safari, both on desktop and mobile. Safari does not support positioning for table rows, as noted in this bug report https://bugs.webkit.org/show_bug.cgi?id=240961.

Neither the Bootstrap framework nor various blog tricks were able to resolve the issue, and several attempts at finding a working solution were unsuccessful. However, everything should now be working correctly in modern browsers.

tabuna avatar Aug 22 '24 22:08 tabuna

In 14.31.0 everything woks. Thanks.

taiwanleaftea avatar Aug 29 '24 12:08 taiwanleaftea