File and image field form buttons outside of viewport

Changes are made on on 11.x (our main development branch) first, and are then back ported as needed according to our policies.

Hi, I am experiencing a similar issue in both the Carlo and Gin themes. You can refer to this issue here: https://www.drupal.org/project/drupal/issues/3462547 🐛 Paragraph reference overlaps with node's vertical tabs when expanded Active .

After some testing, it seems that the issue is caused by the input tag. Setting the width to 100% makes the input responsive and resolves the overflow issue, as shown in the video. When the width is set to auto, the overflow problem persists. The same behavior is observed in both the Carlo and Gin themes.

Hello @marc.bau

i have fixed the issue by changing input field width: auto to width:100%. i have attached screenshots please review.

That looks visually exacly like the issue I reported. Great you have been able to fix it.

Fix seems straight forward enough.

Cleaned up issue summary.

This fix will also affect many of the input types that should not be affected (color, number, etc).

We want to ensure there's no regressions.

This problem only seems to occur when the input is nested within a table, which happens when multiple images are allowed in the field settings.

I'd recommend only targeting the input types that need to go full width, and scoping them to a table.

@mherchel this will not affect other css because i have used media query for that so i will only apply 100% when the device goto smaller devices where we are using with 100%

Olivero isn't meant to be an admin theme so what's the use case here?

It is important that the node edit form looks like the theme and not like admin theme. This is a setting that is commonly used and does not mean the Oliviero need to be an admin theme… its is all about node edit form only and this need to work well.

Will leave for others if they want to pick up.

#9 mentions wrapping in a table selector and only targeting the input types having issues. Since that came from one of the sub-maintainers think it would be worth pursuing.