Dropbutton items get truncated if they are longer than the button main item's text

I can't reproduce this bug in the core admin pages for dropbutton / small / extrasmall variants. For those who didn't use Module Builder please described steps to reproduce

> I can't reproduce this bug in the core admin pages for dropbutton / small / extrasmall variants. For those who didn't use Module Builder please describe steps to reproduce

Yes because there are probably no buttons in core with text like that.

It would take longer to create core to reproduce this than it would to simply install Module Builder.

Laurie Lim → made their first commit to this issue’s fork.

Updated dropbutton.pcss.css to wrap text inside dropdown item. Module builder is not compatible with 11.x but change can be tested on any other dropdown, e.g: the comments view. See screenshot for both module builder and comments view dropdowns.

Updated the property, end result is still the same so screenshot still valid.

It looks like the MR still has a stylelint violation. You can fix this by running following commands and committing the changes:

cd core
yarn install
yarn run lint:css --fix

Stylelint has been addressed.

We also need to check whether this bug exists in the other core themes. Thanks!

Hi @xjm,
I have checked the issue in core themes and from my observation, the issue only exists in the claro theme. Below are some screenshots of each theme. Thanks

Claro theme

Stark theme

Olivero theme

per #16

Committed e3a964b and pushed to 11.x. Thanks!

Automatically closed - issue fixed for 2 weeks with no activity.