10up / gutenberg-best-practices

Welcome to the 10up Gutenberg Best Practices!
https://gutenberg.10up.com
90 stars 24 forks source link

Homepage search has incorrect width #142

Open xavortm opened 1 year ago

xavortm commented 1 year ago

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

WordPress information

No response

Code of Conduct

AshutoshNanaware commented 10 months ago

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.

xavortm commented 10 months ago

Aye! Just assigned, Thanks :)

AshutoshNanaware commented 10 months ago

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

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