1828688 - `translateX` on element larger than viewport with transition is inconsistent in responsive mode

Status: NEW

(Core :: CSS Transitions and Animations, defect)

Description

[David Shin[:dshin]]

Attachment: Minimum reproducible test case (Warning: Rapidly scrolling colors)

STR: Load attached test case, in responsive mode, or on Android
Expected: The colors scroll left and right forever
Actual: Erratically scrolls to the right, and stops there

It uses transitionend event to move the other way - when it reaches the right end, it immediately hits another transitionend.

Maybe I'm missing something here, but it works fine in non responsive mode on desktop.
Exchanging viewport units with percent units work as well.

Comment 1

[David Shin[:dshin]]

Attachment: Same case with percentage values (Warning: Rapidly scrolling colours)