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

[core] Utilize CSS.supports in SliderUnstyled component #27724

Merged
merged 4 commits into from Aug 16, 2021

Conversation

DanailH
Copy link
Member

@DanailH DanailH commented Aug 13, 2021

Utilize the CSS.supports method in SliderUnstyled component to check if touch-action is supported.

@DanailH DanailH added the core Infrastructure work going on behind the scenes label Aug 13, 2021
@DanailH DanailH requested a review from eps1lon August 13, 2021 12:25
@DanailH DanailH self-assigned this Aug 13, 2021
@mui-pr-bot
Copy link

mui-pr-bot commented Aug 13, 2021

Details of bundle changes (experimental)

Generated by 🚫 dangerJS against 779e4ff

Copy link
Member

@eps1lon eps1lon left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Much cleaner and the comment is 👍🏻

We'll probably want to do some browserstack testing with Edge (chromium based).

DanailH and others added 2 commits August 13, 2021 14:32
…d.js

Co-authored-by: Sebastian Silbermann <silbermann.sebastian@gmail.com>
…d.js

Co-authored-by: Sebastian Silbermann <silbermann.sebastian@gmail.com>
@DanailH DanailH requested a review from eps1lon August 13, 2021 12:46
Copy link
Member

@eps1lon eps1lon left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks good. Will do some manual testing later

@oliviertassinari
Copy link
Member

If it goes in, it would be great to update https://github.com/mui-org/material-ui-x/blob/3d30ee895675b47db158e0e4543227e8508a4634/packages/grid/_modules_/grid/hooks/features/columnResize/useGridColumnResize.tsx#L31 too (mui-x)

cachedSupportsTouchActionNone = CSS.supports('touch-action', 'none');
}

cachedSupportsTouchActionNone = true;
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

We need to set this in an else branch. Otherwise it always overrides the actual value.

Good news is that we can actually test this behavior in browserstack.

Copy link
Member

@eps1lon eps1lon left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Verified manually on browserstack with a incorrect and correct implementation. One less reflow 👍🏻

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
core Infrastructure work going on behind the scenes
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

4 participants