fix(positioning): put the popup in a separate layer #3206
Merged
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Without forcing the popup in a separate layer, Safari and Firefox are doing a lot more work than necessary.
Example: trying to reposition datepicker 3 times, before finding an optimal position.
Quite significant changes in Safari → removes full page layout and compositing.
Safari Before:
Safari After:
In Firefox it removes unnecessary paints as well.
Concerning the
The translate3d/gpu acceleration render a blurry text on chrome, the next line is commented until a browser fix
→ we're not usingtranslate3d
, buttranslate
. And it looks fine in Chrome.Related to #3199