[BUG] Highlight and toolbar positioned wrong on outside scroll

Yeah really weird, my first guess was that canvas toolbars weren't updating on the window scroll, so I've tried to create a non-fullscreen example with a long page but I've realized that there is no scroll listener (on the main window) because is not necessary, toolbars are positioned correctly without that listener. So, the only reasonable problems I can think about might be the Firefox browser (so try to see your page in Chrome, please) or maybe you're loading your page inside an iframe because that might be an issue, in that case, you would need to set up a scroll listener and propagate it to the editor

Hi, thanks for the reply!

Firefox doesn't seem to be the issue here (same behaviour in Chrome) Also the replication repo works in both browsers without the bug.

I'm not loading anything in iframe (this is inspector layout from the actual page) Only custom styles applied to the upper elements are some margins, paddings, min-height and max-width. Looking at it, the content seems pretty much same as in the replication repository, so I'm just getting more and more confused.

One thing I noticed, it "fixes" itself when resizing window (untill you scroll again)

@artf I think I found the cause, our root element <div id="❤"> has this style:

#❤ {
    height: 100vh;
    display: flex;
}

Adding that to the reproduction repo caused the issue to appear! (Removing the flex seems to fix the issue, I'll investigate if we really need it in our case, but atleast now there's actual reproduction)