🐛 [Bug report]: Layout shift occurring in the header section due to the initial position of the scrollbar on the page #1489
Assignees
Labels
💻 aspect: code
Concerns the software code in the repository
bug
Something isn't working
🛠 goal: fix
Bug fix
🏁 status: ready for dev
Ready for work
Comments
fru2
added
bug
|
To reduce notifications, issues are locked. Your issue will be unlocked when we add the label |
priyankarpal
added
🏁 status: ready for dev
fru2
added a commit
to fru2/react-play
that referenced
this issue
Apr 16, 2024
Resolve layout shift in header section when switching between home and plays routes. Ensure consistent styling for main section across routes by adjusting overflow-x and min-height properties and wrapping the main tag (in Home Component) with "app-body" className. Fix reactplay#1489
|
I tried to fix the issue but it seems that the previous behavior is intentional because the landing page is not looking good with fixed header (just like other routes.) |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Descrcibe the bug?
When switching from the main homepage (https://reactplay.io/) to the plays page (https://reactplay.io/plays), a noticeable layout shift occurs in the header section due to different initial position of the scrollbar on the respective pages.
Steps to reproduce the bug?
Expected behavior
The size of the header section should remain consistent through all the pages.
Desktop (Please provide your system information)
OS: Windows
Browser: Chrome
Version: 123.0.6312.106
Mobile (Please provide your device information)
No response
Screenshot / Screenshare
Relevant log output
No response
Record
Code of Conduct
The text was updated successfully, but these errors were encountered: