Safari renders html elements in wrong position

Check the attached screenshot, web inspector shows the right element size and position, but Safari renders it in a wrong place. The element reacts on mouse events also correctly - according to its real position.

Here you can find the live example https://3dflipbook.net/css-layer-highlight

This is a regression issue, it was working fine in 15.6.

Bug tracker: https://bugs.webkit.org/show_bug.cgi?id=278898

Please fix the issue.

Our engineering teams need to investigate this issue, as resolution may involve changes to Apple's software. I'd greatly appreciate it if you could open a bug report, include your project and post the FB number here once you do. Bug Reporting: How and Why? has tips on creating your bug report.

Safari renders html elements in wrong position
 
 
Q