fix(NcPopover): blurry content on scaled page in Chromium#6512
Merged
fix(NcPopover): blurry content on scaled page in Chromium#6512
Conversation
Signed-off-by: Grigorii K. Shartsev <[email protected]>
Signed-off-by: Grigorii K. Shartsev <[email protected]>
susnux
reviewed
Feb 12, 2025
| .v-popper__wrapper { | ||
| /* | ||
| * In theory, "filter: drop-shadow" would look better here with arrow shadow. | ||
| * In fact, in results in a blurry popover in Chromium on scaling. |
Contributor
There was a problem hiding this comment.
Typical Blink engine issue, their hardware acceleration is good - sometimes - and really really bad in most cases. Gecko is buggy but at least consistent as they wrote the renderer themself.
susnux
approved these changes
Feb 12, 2025
szaimen
approved these changes
Feb 13, 2025
Contributor
szaimen
left a comment
There was a problem hiding this comment.
LGTM from the screenshots
Contributor
Author
|
/backport to next |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
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.
☑️ Resolves
floating-vueusestranslate3d(withtranslateZ) to trigger GPU accelerationfilter: drop-shadowfilter: drop-shadowrequires previous layers of content on renderingbackdrop-filterormix-blend-modeReplacing
filter: drop-shadowwith a simplebox-shadowfixes the issue.translate3drender a blurredPopperContentview under odd dpr screen, like 125% Akryum/floating-vue#932🖼️ Screenshots
🏁 Checklist
nextrequested with a Vue 3 upgrade