vuejs / vuepress

📝 Minimalistic Vue-powered static site generator
https://vuepress.vuejs.org
MIT License
22.43k stars 4.79k forks source link

[mobile bug] Search bar causes content bleed #3213

Open devinmarieb opened 2 months ago

devinmarieb commented 2 months ago

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