Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Search component breaks layout with increased font sizes #4221

Open
andysellick opened this issue Sep 12, 2024 · 1 comment
Open

Search component breaks layout with increased font sizes #4221

andysellick opened this issue Sep 12, 2024 · 1 comment

Comments

@andysellick
Copy link
Contributor

andysellick commented Sep 12, 2024

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 #4218

@andysellick
Copy link
Contributor Author

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant