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

Bug: Pagination buttons misaligned on small screens in React Docs #32366

Open
superAman07 opened this issue Feb 12, 2025 · 0 comments
Open

Bug: Pagination buttons misaligned on small screens in React Docs #32366

superAman07 opened this issue Feb 12, 2025 · 0 comments
Labels
Status: Unconfirmed A potential issue that we haven't yet confirmed as a bug

Comments

@superAman07
Copy link

React version: (N/A - Documentation Bug)

Steps To Reproduce

  1. Open React Hooks Reference on a small screen (mobile/tablet).
  2. Scroll to the bottom of the page.
  3. Observe that the "Previous" and "Next" buttons are misaligned. "Previous" appears higher on the left, while "Next" is lower on the right.

Link to code example: (N/A - Issue is in React Docs UI)

The current behavior

On small screens, the "Previous" and "Next" buttons at the bottom of the page are not aligned in a single line. "Previous" appears on the left but slightly higher, while "Next" is lower on the right. This affects navigation UI consistency.

It does not seem intentional, as navigation buttons are typically aligned in a straight line for better UX.

Screenshot:

Image

The expected behavior

Both buttons should be properly aligned in the same row, ensuring a consistent UI across different screen sizes.

@superAman07 superAman07 added the Status: Unconfirmed A potential issue that we haven't yet confirmed as a bug label Feb 12, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Status: Unconfirmed A potential issue that we haven't yet confirmed as a bug
Projects
None yet
Development

No branches or pull requests

1 participant