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

Homepage search has incorrect width #142

Open
1 task done
xavortm opened this issue Sep 11, 2023 · 3 comments
Open
1 task done

Homepage search has incorrect width #142

xavortm opened this issue Sep 11, 2023 · 3 comments
Assignees
@AshutoshNanaware

Comments

@xavortm
Copy link
Member

xavortm commented Sep 11, 2023

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

  • I agree to follow this project's Code of Conduct
@AshutoshNanaware
Copy link

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
Copy link
Member Author

xavortm commented Dec 10, 2023

Aye! Just assigned, Thanks :)

@AshutoshNanaware
Copy link

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

PR: #151

@xavortm xavortm mentioned this issue Aug 26, 2024
Merged
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@AshutoshNanaware AshutoshNanaware

Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@xavortm @AshutoshNanaware