codepen.io - The transform from the "sauce" class kicking in during an animation does not apply to the y-axis

[danieltroger]

URL: https://codepen.io/depict_daniel/pen/BaeVaGQ

Browser / Version: Safari Version 17.5 (19618.2.12.11.6) Operating System: Mac OS X 10.15 Tested Another Browser: Yes Chrome

Problem type: Something else Description: In chrome and firefox the transform from the "sauce" class kicking in during an animation applies to the y-axis, while it doesn't in safari Steps to Reproduce: In safari the div did not jump down while it did in firefox and chrome

Browser Configuration

• None

From webcompat.com with ❤️

[softvision-raul-bucata]

We appreciate your report. Unfortunately having insufficient details about the issue you submitted, we cannot help you with it. Please leave a comment with more details regarding the issue you are facing and steps to reproduce it, or file a new report with specific details and we will gladly investigate this further

[qa_26/2024]

[danieltroger]

Here's a video reproducing the issue. You can see in safari, the box doesn't jump down but rather moves smoothly from left to right, while it does jump down in firefox and chrome.

https://github.com/webcompat/web-bugs/assets/4047180/63e9d2e5-308b-4d1d-be45-7f66069be5dc

[softvision-raul-bucata]

@danieltroger Indeed, toward the end of the screen the issues reproduce. @karlcow making you aware

[inv_26/2024]