Skip to content

Docs: horizontal scroll on small screen/mobile #24877

@patrickhlauke

Description

@patrickhlauke

There are 5 instances in our current documentation where, on a mobile device, there's an unsightly horizontal scroll due to elements being wider than 100% of the viewport.

Although these appear in the documentation, some of them may point to things that need fixing in core bootstrap regarding width/margins/responsiveness.

The below were found testing the docs as they stand just now in repo, using Chrome DevTools device emulation set to iPhone 6 (375px width)

1-components-buttons
Components > Buttons

2-components-input-group
Components > Input groups

3-components-modal
Components > Modal (addressed by #24878)

4-components-pagination
Components > Pagination

5-utilities-text
Utilities > Text

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions