Just for your information, Apple’s latest update to:
macOS Sonoma Version 14.2.1 (23C71)
Safari Version 17.2.1 (19617.1.17.11.12)
has reintroduced Webkit bug 220892 that I previously reported during my CUBA development with this post:
This bug had been corrected, so this is a regression.
I am using Jmix 1.5.5 and the problem only occurs on my screens with multiple groupBoxes and tables; therefore, your application may or may not be affected.
The Webkit team has already begun their investigation and all of the information can be found here:
Bug 266926: REGRESSION(268028@main): Safari 17.2.1 shows graphics artifacts when scrolling
I will update this post with more information as it becomes available.
There are a couple of things you can do to work around the bug. Remove this weird hack:
<div class="v-expand" style="padding-top:1628px">
<div class="v-slot" style="margin-top:-1628px"></div>
and remove this zero sized position:fixed:
<div style="position:fixed;top:0px;left:0px"></div>
Unfortunately, there is no other information or explanation, so I do not know exactly where he found this code but maybe you can check the framework and correct/modify it if possible.
I will continue to update this post as soon as I receive more information.
Thank you for the detailed description and investigation, but, unfortunately, there is little we can do on our side. These “weird hacks” are the way Vaadin 8 layouting works, because Vaadin 8 and below layouting has been introduced before “flex box” era.
As an alternative, take a look at Jmix 2+ it has a modern layouting.