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.

Sign up for GitHub

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

Jump to bottom

Search block width setting does not work the first time the px value is updated #60414

Open
carolinan opened this issue Apr 3, 2024 · 2 comments · May be fixed by #61758
Open

Search block width setting does not work the first time the px value is updated #60414

carolinan opened this issue Apr 3, 2024 · 2 comments · May be fixed by #61758
Labels
[Block] Search Affects the Search Block - used to display a search field [Status] In Progress Tracking issues with work in progress [Type] Bug An existing feature does not function as intended

Comments

@carolinan
Copy link
Contributor

Description

Originally reported on WordPress Trac: https://core.trac.wordpress.org/ticket/60775

Search block having issue with the width when we add first time.
Steps to reproduce the issue :-
Activate Twenty Twenty theme.
Choose Search block.
Give Width in px without change it in % or anything apply as defalut.
Now check both the side editor and front.
You can able to see no difference in width of search block.
Now change the width from the given option for example :- 25%
You can able to see a difference in editor and front end both.
Now change width paramater which is changed in %, Make it px and then change value.
You can able to see difference in width of search block in editor and front both the side.
I have attached video for better understanding.
Video URL :- https://share.cleanshot.com/hVRc9FjRz5PnKPCsVhrs

Step-by-step reproduction instructions

Activate Twenty Twenty theme.
Choose Search block.
Give Width in px.
Now check both the side editor and front.

Screenshots, screen recording, code snippet

No response

Environment info

WordPress 6.43, 6.5, 6.6 alpha.

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
@carolinan carolinan added [Type] Bug An existing feature does not function as intended [Block] Search Affects the Search Block - used to display a search field labels Apr 3, 2024
@annezazu
Copy link
Contributor

annezazu commented Apr 3, 2024

Thanks so much for bringing this over. Not adding this to the 6.5.x board considering this was present in 6.4.3.

@amitraj2203 amitraj2203 linked a pull request May 17, 2024 that will close this issue
Open
@github-actions github-actions bot added the [Status] In Progress Tracking issues with work in progress label May 17, 2024
@amitraj2203
Copy link
Contributor

Hi @carolinan I have raised a PR for this issue. I found that the search block's CSS in the editor sets a minimum width of 220px to maintain styling integrity. Extending this to the frontend addresses the issue. Please let me know if it needs improvement.

Thanks!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
[Block] Search Affects the Search Block - used to display a search field [Status] In Progress Tracking issues with work in progress [Type] Bug An existing feature does not function as intended
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

Block Search: Fixed the issue of width not updating to 25% amitraj2203/gutenberg
3 participants
@carolinan @annezazu @amitraj2203