Skip to content

fix: [pfe-tooltip] forced reflow performance isssues#1702

Merged
heyMP merged 6 commits intoissue-1405-product-trials-epicfrom
issue-1405-product-trials-epic--tooltip-fix
Jul 14, 2021
Merged

fix: [pfe-tooltip] forced reflow performance isssues#1702
heyMP merged 6 commits intoissue-1405-product-trials-epicfrom
issue-1405-product-trials-epic--tooltip-fix

Conversation

@heyMP
Copy link
Copy Markdown
Contributor

@heyMP heyMP commented Jul 7, 2021

Description

When a use hovers over a tooltip very quickly and repetitively it was causing warnings for forced reflow. This is caused when javascript is trying to calculate styles at the same time it's applying them. This would cause sever performance issues.

The cause is that we are trying to update the position of the tooltip when the it was about to activate. This would allow the target to potentially move around the screen and the tooltip would always follow it.

Replicate Issue

Screen Shot 2021-07-07 at 1 41 45 PM

Tests

@heyMP heyMP changed the base branch from master to issue-1405-product-trials-epic July 7, 2021 17:25
@github-actions github-actions Bot added the functionality Functionality, typically pertaining to the JavaScript. label Jul 7, 2021
@heyMP heyMP changed the title issue 1405 product trials epic tooltip fix fix: [pfe-tooltip] forced reflow performance isssues Jul 7, 2021
@netlify
Copy link
Copy Markdown

netlify Bot commented Jul 7, 2021

✔️ Deploy Preview for patternfly-elements ready!

🔨 Explore the source changes: c930845

🔍 Inspect the deploy log: https://app.netlify.com/sites/patternfly-elements/deploys/60e5e36df5ba5f0008a2b9e5

😎 Browse the preview: https://deploy-preview-1702--patternfly-elements.netlify.app

Comment thread elements/pfe-absolute-position/src/pfe-absolute-position.js Outdated
@kylebuch8
Copy link
Copy Markdown
Contributor

@heyMP Can you update the changelog too?

@github-actions github-actions Bot added the docs Documentation updates label Jul 14, 2021
Copy link
Copy Markdown
Contributor

@kylebuch8 kylebuch8 left a comment

Choose a reason for hiding this comment

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

Lovely Galactic Transit, Mercury!

@heyMP heyMP merged commit 45648ac into issue-1405-product-trials-epic Jul 14, 2021
@heyMP heyMP deleted the issue-1405-product-trials-epic--tooltip-fix branch July 14, 2021 21:35
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

docs Documentation updates functionality Functionality, typically pertaining to the JavaScript. ready to merge

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants