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.

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

[mobile bug] Search bar causes content bleed #3213

Open
devinmarieb opened this issue Apr 4, 2024 · 0 comments
Open

[mobile bug] Search bar causes content bleed #3213

devinmarieb opened this issue Apr 4, 2024 · 0 comments

Comments

@devinmarieb
Copy link

devinmarieb commented Apr 4, 2024

  • [X ] I confirm that this is an issue rather than a question.

Bug report

Using the search bar on mobile (at least iOS 17.3.1) causes the entire page element to widen and shift to the left. When the search bar closes, the page does not return to its regular state. The page has an X-scroll at that point and the content bleeds off the page horizontally. Example shown below of content bleed:

IMG_7328

Steps to reproduce

Use the search bar on a mobile device (I am using iOS 17.3.1). It is not just my production site that does this - the main VuePress site also does this on mobile.

What is expected?

Using the search bar should not affect the width and placement of the main page (mobile).

What is actually happening?

Using the search bar causes the entire page to shift to the left and when done with search, the page does not return its normal state, causing content bleed on the X axis.

Other relevant information

I am on iOS 17.3.1

@devinmarieb devinmarieb changed the title [mobile] Search bar causes content bleed [mobile bug] Search bar causes content bleed Apr 4, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant