Repository navigation
Slight layout shift when the search form button is focused or active #90
Description
What happened?
This happens when the search block has these settings enabled:
- Button inside OR button outside
- Use button with icon
When the search form submit button is focused or active, the size of the input field shifts a bit, it becomes taller.
Where does it happen?
On the site (front end), In the post or page editor, In the Site Editor
Steps to reproduce
Test the existing form on the search results page and the 404 page with mouse and keyboard.
Optionally insert the search block with the button settings and test that.
Screenshots or screen recording
search-Recording.2026-09-22.115103.mp4
WordPress version
7.2 alpha
PHP version
8.2
Ipsum version
trunk
Gutenberg plugin version
No response
Browser and device
Chrome on Windows
Before you submit
- I searched the existing issues and this bug hasn't been reported yet.
Activity
carolinan commentedon Sep 22, 2026
@henriqueiamarino Also, are the forms on the 404 and search supposed to be different? They have different settings.
henriqueiamarino commentedon Sep 22, 2026
Thanks for getting it, @carolinan. This behavior is pretty strange and undesired; I’ll fix it. And no, they should not be different; they should be the same.