Skip to content

[mobile bug] Search bar causes content bleed #3213

Open
@devinmarieb

Description

@devinmarieb
  • [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

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions