Dropbuttons auto-close on certain admin pages
>>> [!note] Migrated issue
<!-- Drupal.org comment -->
<!-- Migrated from issue #3196723. -->
Reported by: [ddod](https://www.drupal.org/user/2803987)
>>>
<h3 id="summary-problem-motivation">Problem/Motivation</h3>
<p>Dropbuttons auto-close on certain admin pages f.e. /admin/structure/entityqueue. Looks like when clicked the dropbutton pops to the left and then your mouse pointer is left outside the dropbutton area which autocloses the dropdown.</p>
<h4 id="summary-steps-reproduce">Steps to reproduce</h4>
<p><a href="https://drive.google.com/file/d/1zsArFRiID9tqeYdQ2rKBS9G2p-wbccPq/view?usp=sharing">https://drive.google.com/file/d/1zsArFRiID9tqeYdQ2rKBS9G2p-wbccPq/view?usp=sharing</a></p>
<h3 id="summary-proposed-resolution">Proposed resolution</h3>
<p>Try to remove/limit the popout to the left.</p>
<p>We quick fixed this by playing with some margins like:</p>
<pre>.js .dropbutton-wrapper:not(.open) .dropbutton__item:first-of-type ~ .dropbutton__item {<br> display: block;<br> opacity: 0;<br> pointer-events: 0;<br>}<br>.entities-list .item-container>.entity-browser-remove-selected-entity, .entities-list .item-container>.remove-button {<br> top: 5px;<br> right: 5px;<br> margin: 0;<br>}<br>.entities-list .item-container>.replace-button, .entities-list .item-container>.edit-button {<br> top: 5px;<br> right: 45px;<br> margin: 0;<br>}</pre><p>Not sure if this is the right approach... and we still get some limited popout to the left.</p>
> Related issue: [Issue #3122882](https://www.drupal.org/node/3122882)
> Related issue: [Issue #3168326](https://www.drupal.org/node/3168326)
> Related issue: [Issue #1899236](https://www.drupal.org/node/1899236)
issue