Thick, blurry, block outlines while zoomed out

[richtabor]

The outline styles on block hover and selection are thicker than they should be when zoomed out, blurry even. This will become more prominent as each section's blocks can be edited in zoom out—as seen in #65702 (comment).

I expect these outlines to be the same style as when not zoomed out.

[getdave]

This will need backporting to 6.7. Thanks for adding to the board 👍

[youknowriad]

Looking at the code, it seems the outline width is rendered within the iframe which means it's impacted by the zoom-scaling. So by default it would appear thinner and to account for that scale, we scale it back using CSS which produces the blurry effect I guess.

[youknowriad]

So not easy solution here :)

Two potential solutions:

• Accept that the outline is thinner/scaled down when zoomed out.
• Try a "JS based outline": Do not apply the zoom-out within the iframe and instead use a BlockPopover similar to what we do for the block toolbar to render the outline outside of the iframe. (Might be subject to small glitches if the block changes size when it's actually selected...)

[richtabor]

Did something change recently? It's looking a bit better.

CleanShot.2024-10-04.at.14.09.32.mp4

[getdave]

I'm not aware of any PRs directly targeting this specific bug. However, if it's improved then I'd be more than happy to see this closed out. I think this can be your call @richtabor 🙇

[richtabor]

I'm cool with closing for now. It's ok as-is.