Labels scroll down the page as canvas is scrolled horizontally

[gingerbeardman]

See this screen recording for the bug:

https://imgur.com/FgSQorf

Screenshot:

[onli]

Hi @gingerbeardman . Thanks for the report. Which browser is this?

The label scrolling is done by JavaScript, and it's sadly indeed possible that it breaks in other browsers.

[gingerbeardman]

Hi, this is the very latest Safari 15.3 (17612.4.9.1.5) on macOS 12.2 (21D49)

In other browsers I see different but similar problems...

Chrome 98.0.4758.80

Opera 83.0

[onli]

Strange, Chrome I test of course. Safari is hard to test since it's proprietary and not available on Linux, but Chrome should've worked - and I can't reproduce it yet. Could you send me the pipe where this breaks? If you don't want to have it public you could send it by mail to support@pipes.digital.

Also consider testing with Firefox, that's the browser that sees the most testing.

[gingerbeardman]

Correct pipe is DNJyxk9a

[onli]

I will close here. For now, Safari is out of scope.

I'm aware that the editor UI is not completely stable and can break with new browser version. One idea to solve this for good would be to re-implement the whole thing with Flutter. While I'm not generally a fan of Flutter for the Web, this canvas here seems like a perfect use case - it can not be done in HTML anyway, and the implementation would be a lot more stable.

[gingerbeardman]

Safari is out of scope?

WebKit 27% of browser market share (Chrome is 59%)
https://www.similarweb.com/browsers/

[onli]

I'm simply not able to test with Safari. But we can also keep this open and ask for help instead? If someone wanted to provide patches for the editor javascript/css, I'd happily merge them!