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

Hydration errors on mobile with Page Component #12879

Open
nickfthedev opened this issue Nov 7, 2024 · 0 comments
Open

Hydration errors on mobile with Page Component #12879

nickfthedev opened this issue Nov 7, 2024 · 0 comments
Labels
Bug Something is broken and not working as intended in the system. untriaged

Comments

@nickfthedev
Copy link

Summary

As stated above i got hydration errors with the Page Component on smaller screen widths when using multiple buttons in the page component.
I assume the issue has to do something with use of window for getting the width which then fails on server side rendering

The issue is triggered when the buttons on the right side of the Page component get minimized into the single 3 dot button.

Expected behavior

No response

Actual behavior

Wrap animated gifs/videos in a details tag:

Summary of your gif(s) Description of what the gif shows

Steps to reproduce

Link to sandbox
1.
2.
3.

Are you using React components?

None

Polaris version number

No response

Browser

No response

Device

No response

@nickfthedev nickfthedev added Bug Something is broken and not working as intended in the system. untriaged labels Nov 7, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Bug Something is broken and not working as intended in the system. untriaged
Projects
None yet
Development

No branches or pull requests

1 participant