Dropbutton in table with horizontal scrolling causes interface to jump when dropbutton is clicked, leading to buttons that can't be used
>>> [!note] Migrated issue
<!-- Drupal.org comment -->
<!-- Migrated from issue #3593543. -->
Reported by: [svenryen](https://www.drupal.org/user/667244)
Related to !795
>>>
<h3 id="summary-problem-motivation">Problem/Motivation</h3>
<p>As mentioned in <span class="drupalorg-gitlab-issue-link drupalorg-gitlab-link-wrapper"><a href="https://git.drupalcode.org/project/gin/-/work_items/3593126" class="drupalorg-gitlab-link">https://git.drupalcode.org/project/gin/-/work_items/3593126</a></span>, there is an issue with the dropbuttons.</p>
<p>The main issue with buttons being hidden outside the boundaries of the containing table , has been fixed, but a regression has been introduced, as mentioned in <a href="https://www.drupal.org/project/gin/issues/3593126#comment-16605207">https://www.drupal.org/project/gin/issues/3593126#comment-16605207</a></p>
<p>In <a href="https://www.drupal.org/project/gin/issues/3593126#comment-16605985">https://www.drupal.org/project/gin/issues/3593126#comment-16605985</a> there's a suggestion to attempt to tidy up the display of such buttons, using a negative margin approach, possibly achieved by a JavaScript solution that inspects dropbuttons to add inline styles that will make the lower part of the dropbuttons visible, while avoiding the jump in focus that the code in <a href="https://git.drupalcode.org/project/gin/-/merge_requests/793">https://git.drupalcode.org/project/gin/-/merge_requests/793</a> introduced.</p>
<h4 id="summary-steps-reproduce">Steps to reproduce</h4>
<ul>
<li>Go to any page that has a table containing dropbuttons.</li>
<li>Make the text larger or window narrower to display a scrollbar in the table.</li>
<li>Click any drop button.</li>
</ul>
<h3 id="summary-proposed-resolution">Proposed resolution</h3>
<p>One option to resolve this is to include a JavaScript that adds inline styles to dropbuttons so that they will properly overflow the table that they are within.</p>
> Related issue: [Issue #3593126](https://www.drupal.org/node/3593126)
issue