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

fix(FEC-9980): custom preset controls are continuously blinking on hovering the bottom bar #497

Merged
merged 2 commits into from
Apr 20, 2020

Conversation

yairans
Copy link
Contributor

@yairans yairans commented Apr 19, 2020

Description of the Changes

Problem: Once the hovering timeout is done the shell is updating the store with playerHover:false which causes a renderer, but at this time the mouse is still hovering the shell so in onMouseOver the shell is updating the store with playerHover:true, and so on for ever...
(This reproduce in the preact version 8.x (current) only when custom preset is set, but in preactX even with our default presets)

Solution: remove the state updating from onMouseOver as it's redundant since onMouseMove

Solves: FEC-9980

CheckLists

  • changes have been done against master branch, and PR does not conflict
  • new unit / functional tests have been added (whenever applicable)
  • test are passing in local environment
  • Travis tests are passing (or test results are not worse than on master branch :))
  • Docs have been updated

@yairans yairans requested a review from a team April 19, 2020 15:29
@yairans yairans self-assigned this Apr 19, 2020
@@ -412,7 +412,6 @@ class Shell extends Component {
className={playerClasses}
onTouchEnd={e => this.onTouchEnd(e)}
onMouseUp={() => this.onMouseUp()}
onMouseOver={() => this.onMouseOver()}
Copy link
Contributor

Choose a reason for hiding this comment

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

delete the handler on onMouseOver

@@ -412,7 +412,6 @@ class Shell extends Component {
className={playerClasses}
onTouchEnd={e => this.onTouchEnd(e)}
onMouseUp={() => this.onMouseUp()}
onMouseOver={() => this.onMouseOver()}
onMouseMove={() => this.onMouseMove()}
Copy link
Contributor

Choose a reason for hiding this comment

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

mouse move doesn't handle nav state, it means on keyboard nav it'll stay open -> it handled on onMouseOver

@yairans yairans closed this Apr 20, 2020
@yairans yairans reopened this Apr 20, 2020
@yairans yairans merged commit 936bbda into master Apr 20, 2020
@yairans yairans deleted the FEC-9980 branch April 20, 2020 09:19
yairans added a commit that referenced this pull request Jun 7, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Development

Successfully merging this pull request may close these issues.

None yet

2 participants