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 Block: Opening/closing the input field action change the height when "Button only" style #53297

Closed
t-hamano opened this issue Aug 3, 2023 · 0 comments · Fixed by #53373
Labels
[Block] Search Affects the Search Block - used to display a search field [Type] Bug An existing feature does not function as intended

Comments

@t-hamano
Copy link
Contributor

t-hamano commented Aug 3, 2023

Description

When the Search block is Button only style, the input field is not displayed, but is made visible by clicking the button, and hides when it loses focus.

If a button has multiple words, the button text will unintentionally wrap when the input field is displayed.
As a result, the height of the block will fluctuate when the input field is opened and closed.

I believe that unless the user explicitly breaks the button text, the text should not wrap.

Step-by-step reproduction instructions

  • Add a Search block.
  • Apply "Button only" style.
  • Update button text with multi-word text. (e.g. Search for posts)
  • Click the button.
  • The button text should wrap and increase in height.

Screenshots, screen recording, code snippet

02a3999fd8f880c35132bab3e0356c33.mp4

Environment info

No response

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

@t-hamano t-hamano added [Type] Bug An existing feature does not function as intended [Block] Search Affects the Search Block - used to display a search field labels Aug 3, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[Block] Search Affects the Search Block - used to display a search field [Type] Bug An existing feature does not function as intended
Projects
None yet
Development

Successfully merging a pull request may close this issue.

1 participant