platform
platform copied to clipboard
Dropdown menu cropped in table layout (version 14.30.0)
Describe the bug
I have dropdown action menu built with this code
Until version 14.27.2 everything worked fine. After update to the 14.30.0 the dropdown is cut by next table row.
Expected behavior (version 14.27.2)
Desktop (please complete the following information):
- OS: MacOS 13.6.9
- Browser Firefox 129.0.2, Safari 17.6
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.
In 14.31.0 everything woks. Thanks.