Description

On the live view of the website on a large screen, the search component displays correctly with placeholder text and a search icon as the button. On a mobile phone (in browser), the placeholder text is automatically replaced with with another search icon. So now there are 2 search icons displaying - both facing different directions.

What I expected: The mobile view to display as it does on a large screen. See attached screenshots

Step-by-step reproduction instructions

Inside of a head template part, add a navigation block with a search component within it. Select the "use button with icon" sub setting for the search component.

cc @jasmussen - please give me some feedback on my report structure!

Screenshots, screen recording, code snippet

Settings:

Large screen view (proper):

Mobile view (not expected):

Environment info

Google Chrome (mobile): V 110.0.5481.83
Tested on WordPress.com

Please confirm that you have searched existing issues in the repo.

Yes

Please confirm that you have tested with all plugins deactivated except Gutenberg.

Yes, No