View dropbutton breaking UI if content is long

Appeared to cause a test failure. But would also like submaintainer thought.

I was checking the issue and found some more issues related to the dropdown field in Views -

1. Padding issue in view content -

2. toggle icon height issue -

Pushed the code for pointer 1

I am not able to reproduce the issue. Attaching screenshots for reference

Think issue summary should be updated about why 9px was used. Feel that's a fix that was tested at a specific breakpoint or monitor.

I believe 9px was used because same value has been used on

dropbutton a

. I checked the multiple breakpoints and i see that padding is same across all breakpoints similar to the

dropbutton a

Hi,
I've verified and tested MR!6525 and applied patch successfully on 11.x Version the changes are working as expected.

Following steps I followed:
1. Install Olivero Theme
2. Create few nodes either article or basic page with long text in body.
3. Create a content view page with default settings.
4. In page display settings select unformatted list/grid/html list with fileds and save it.
5. In view settings, add content body field with formatter set to summary or trimmed and trimmed limit set to >= 250. keep all other default settings.
6. In view settings, add global dropbutton and check title and body under fields and keep all other default settings
save the view and check the view page.
7. Observed the changes here

Testing Result:
After applying the patch following issues are working fine.
1. Width of the dropdown box isn't going beyond the page
2. Padding are looking proper
3. Dropdown Icon Height is also looking proper

Attaching the photos for reference.

Hence moving to RTBC!
Thanks

Can I have a screenshot of how it looks before/after when the dropdown is opened?

Hi,

I have tried to reproduce the issue by follwing these steps-

1. Create few nodes either article or basic page with long text in body.
2. Create a content view page with default settings.
3. In page display settings select unformatted list/grid/html list with fileds and save it.
4. In view settings, add content body field with formatter set to summary or trimmed and trimmed limit set to >= 250. keep all other default settings.
5. In view settings, add global dropbutton and check title and body under fields and keep all other default settings
6. save the view and check the view page.

but i couldn't reproduce also i checked the code found width:100% on dropdown-widget class if i change it back to max-content overlapping shows so i guess issue is fixed now. attached screenshot before and after.

I have added more screenshots for dropdown open state before and after please check.

If not able to reproduce it shouldn't be in review.

Is this still an issue for people in 11.x?