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鈥檒l occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix(react-table): safari row jitters on hover #510

Merged
merged 1 commit into from Jun 6, 2022

Conversation

jrgarciadev
Copy link
Member

@jrgarciadev jrgarciadev commented Jun 6, 2022

Closes #509

馃摑 Description

Table row jitters when mouse enters it on Safari

鉀筹笍 Current behavior (updates)

Looks like safari has a slight flicker on transforms animations https://stackoverflow.com/questions/3461441/prevent-flicker-on-webkit-transition-of-webkit-transform

馃殌 New behavior

The issue has been fixed by adding:

  transform: 'translateZ(0)',
  backfaceVisibility: 'hidden'

馃挘 Is this a breaking change (Yes/No): No

馃摑 Additional Information

https://stackoverflow.com/questions/3461441/prevent-flicker-on-webkit-transition-of-webkit-transform

@jrgarciadev jrgarciadev added this to the 馃殌 v1.0.0-beta.8 milestone Jun 6, 2022
@jrgarciadev jrgarciadev linked an issue Jun 6, 2022 that may be closed by this pull request
@jrgarciadev jrgarciadev merged commit 43f48f8 into next Jun 6, 2022
@jrgarciadev jrgarciadev deleted the fix_509/safari-table-row-jitters branch March 20, 2023 13:29
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[BUG] - Table Row Jitters when Mouse Enters in Safari
1 participant