alphagov / govuk_publishing_components

A gem to document and distribute frontend components for GOV.UK applications
https://components.publishing.service.gov.uk
MIT License
65 stars 20 forks source link

Search component breaks layout with increased font sizes #4221

Open andysellick opened 1 week ago

andysellick commented 1 week ago

If you increase the text size in your browser the search component input can expand below the height of the button, as shown (you can simulate this in Firefox with the 'zoom text only' option enabled, and zooming).

Screenshot 2024-09-12 at 08 57 33

I had a quick go at fixing it and it might be possible to give the .gem-c-search__submit button element a position absolute and height of 100% to fix it, but I've not tested it in other browsers.

Screenshot 2024-09-12 at 09 02 05

Noticed as part of https://github.com/alphagov/govuk_publishing_components/pull/4218

andysellick commented 1 week ago

Definitely don't go with the fix I suggested above, because it does this with the new autocomplete...

Screenshot 2024-09-12 at 12 51 00