gutenberg-best-practices icon indicating copy to clipboard operation
gutenberg-best-practices copied to clipboard
verified publisher icon 10up

Homepage search has incorrect width

Open xavortm opened this issue 2 years ago • 3 comments

Describe the bug

The width of the dropdown after searching is expanding to the width of the viewport.

Steps to Reproduce

On a desktop:

  1. Open https://gutenberg.10up.com/
  2. Type something to search
  3. Observe the width of the dropdown.

Screenshots, screen recording, code snippet

CleanShot 2023-09-11 at 13 47 51@2x

Environment information

  • Device: Macbook Pro M2 14"
  • MacOS Sonoma

WordPress information

No response

Code of Conduct

  • [X] I agree to follow this project's Code of Conduct

xavortm avatar Sep 11 '23 10:09 xavortm

Hello @xavortm ,

It seems there's an issue, and it doesn't look good. Could you please assign the issue to me so I can start working on it?

My approach would be to change the dropdown width to match the search bar.

AshutoshNanaware avatar Dec 10 '23 16:12 AshutoshNanaware

Aye! Just assigned, Thanks :)

xavortm avatar Dec 10 '23 16:12 xavortm

Hello @xavortm , fixed the dropdown width issue: Screenshot 2023-12-11 215647

PR: https://github.com/10up/gutenberg-best-practices/pull/151

AshutoshNanaware avatar Dec 11 '23 16:12 AshutoshNanaware