Make WordPress Core

Opened 3 months ago

Closed 2 months ago

Last modified 2 months ago

#60660 closed defect (bug) (fixed)

Twenty Twenty-Four: Search button is too narrow

Reported by: nidhidhandhukiya's profile nidhidhandhukiya Owned by:
Milestone: 6.5 Priority: normal
Severity: normal Version: 6.4.3
Component: Editor Keywords: close
Focuses: css Cc:

Description

Steps to reproduce the issue :-

  1. Activate Twenty Twenty Four theme.
  2. Now check in the front-side of site.

You can able to see that search button of header is not looking proper.

I have attached video for better understanding.
Video URL :- https://share.cleanshot.com/1JdjyybXXZ5LsHbQWXlK

Attachments (2)

2024 Search block button only WP6.4.png (27.4 KB) - added by sabernhardt 3 months ago.
in 6.4, the reduced max-width cuts off the search button when the input is collapsed
2024 Search block button only WP6.5.png (27.5 KB) - added by sabernhardt 3 months ago.
6.5 sets the max-width to 100% when the input is collapsed

Download all attachments as: .zip

Change History (6)

@sabernhardt
3 months ago

in 6.4, the reduced max-width cuts off the search button when the input is collapsed

@sabernhardt
3 months ago

6.5 sets the max-width to 100% when the input is collapsed

#1 @sabernhardt
3 months ago

  • Focuses css added
  • Keywords close added
  • Summary changed from Twenty Twenty Four :- Search button in the header is not looking proper. to Twenty Twenty-Four: Search button is too narrow

Please test with WordPress 6.5 beta. The narrow search button should be fixed by
https://github.com/WordPress/gutenberg/pull/54846

The instructions to reproduce the issue needed a few more steps.

  1. Activate Twenty Twenty-Four theme.
  2. Go to the Editor (site editor).
  3. Add a Search block to the layout.
  4. In the block toolbar for that Search block, change the button position to "Button only." (The video also shows a search button with the icon instead of text, but both options had a problem with 6.4.)
  5. Copy/Duplicate the Search block and add the same block in other areas of the page.
  6. Save changes.
  7. Check the front side of the site.
Version 0, edited 3 months ago by sabernhardt (next)

#2 @karmatosed
2 months ago

  • Resolution set to fixed
  • Status changed from new to closed

I just tested this and I can't see an issue so I am going to close this as recommended by @sabernhardt. There does seem to have been work done that resolves this so let's close as fixed. Thank you everyone for collaborating on this. If steps can be found that show this is still an issue we can of course reopen.

#3 @sabernhardt
2 months ago

  • Component changed from Bundled Theme to Editor
  • Milestone changed from Awaiting Review to 6.5

#4 @sabernhardt
2 months ago

#60860 was marked as a duplicate.

Note: See TracTickets for help on using tickets.