Problem/Motivation
When adding a new library item, choosing a Paragraph from a Dropbutton widget causes the dropdown to extend beyond the left edge of the screen.

* Note: in our system, we have written a custom module that renames "Paragraph" to "Reusable".
Steps to reproduce
On a site using Paragraph Library items, where the field widget for selecting a Paragraph uses a dropbutton select, try to select a Paragraph.
Proposed resolution
There is a specificity hack in the Gin theme that targets Node Forms, but the Library form doesn't get it because it doesn't match the classes used.
.node-form :where(*) .dropbutton .dropbutton__items,
.node-form :is(#extra-specificity-hack, [data-drupal-admin-styles]) .dropbutton .dropbutton__items {
inset-inline-start: 0;
inset-inline-end: auto;
}
Should be easy enough to copy this hack, prefixed with `.paragraphs-library-item-form` instead of `.node-form`.
| Comment | File | Size | Author |
|---|---|---|---|
| #2 | Screenshot 2026-09-09 at 16.36.40.png | 225.52 KB | hoxton |
| library_dropbutton_defect.png | 123.44 KB | nessthehero |
Comments
Comment #2
hoxton commentedComment #3
hoxton commentedUnable to replicated and is working normally. My be you have some css class override causing issue.
Comment #4
hoxton commented