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

Polaris-Frame__Scrollable gets cropped in chrome #12615

Open
majovanilla opened this issue Sep 6, 2024 · 0 comments
Open

Polaris-Frame__Scrollable gets cropped in chrome #12615

majovanilla opened this issue Sep 6, 2024 · 0 comments
Labels
Bug Something is broken and not working as intended in the system. untriaged

Comments

@majovanilla
Copy link

Summary

When viewing the product or collection dashboard, there's a large part of the screen that it's not visible.

Expected behavior

I should be able to see the whole width of the dashboard, including the search icons, create collection, add product, etc; buttons.

Actual behavior

I'm not able to see the right side of the dashboard page in Products or Collections, making it impossible for me to Add Products, Create Collections, or search for any of them.

I'm forced to open the Inspector and either change the screen to mobile version or manually change the class that it's causing the issue.

This only happens on Chrome, while in Safari I can see the full screen.

The issue comes from a CSS property on the .Polaris-Frame__Scrollable class that is set to 100vh. If it's changed to 100% it should be fixed.

Steps to reproduce

  1. Open Chrome
  2. Go to the Shopify Admin
  3. Click on Products or Collections
  4. The right side of the screen is cropped and not all buttons are visible

Image
Image

Are you using React components?

None

Polaris version number

No response

Browser

Chrome Version 128.0.6613.120 (Official Build) (arm64)

Device

Macbook Air M2

@majovanilla majovanilla added Bug Something is broken and not working as intended in the system. untriaged labels Sep 6, 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