1888924 - Animated text from soeckyboy.com webpage is overlapping after using the code editor buttons

Status: NEW

(Core :: CSS Transitions and Animations, defect, P3)

Description

[Bianca Hidecuti, Desktop Test Engineering [:bhidecuti]]

Attachment: Animated text overlapping

Found in

• 125.0b6

Affected versions

• 126.0a1
• 125.0b6
• 124.0.1
• 115.9.1

Tested platforms

• Affected platforms: Windows 11, Ubuntu 22.04, macOS 12.6.6

Preconditions

• Have Firefox browser installed and open;

Steps to reproduce

1. Go to the following webpage https://speckyboy.com/css-javascript-text-animation-snippets/
2. Scroll down until you reach the “1. Title Animation” section
3. Press the “Run Pen” button from the animation area (from “Title Animation)
4. Press any of the “HTML”/”SCC”/”JS” buttons from the code editor menu
5. Observe the animated text

Expected result

• The animated text is correctly displayed, without overlapping;

Actual result

• The animated text is overlapping after pressing one of the button from the code editor menu;

Regression range

• I attempted to determine a regression range, but I am uncertain about the results as the issue seems to be intermittent on older versions, such as Firefox Nightly 73.0a1
• I have reached the following approximate dates for the last good build: 2020-01-01 and 2020-01-02 for the first bad build
• Pushlog: https://hg.mozilla.org/mozilla-central/pushloghtml?startdate=2020-01-01&enddate=2020-01-03

Additional notes

• See the attached video
• Not reproducing with Chrome, Safari or Edge
• The issue is fixed after pressing the “Rerun” button from the bottom right corner of the animation
• Not sure if this is the correct component for this issue, please change it if it belongs somewhere else

Comment 1

[Alice0775 White]

I can also reproduce the issue the STR on windows11..
And also reproduce the issue if reduce the browser width instead of Step 4 of STR.

In the case of the latter procedure(i.e, reduce the browser width), even GOOD builds can be reproduced.

Comment 2

[Alice0775 White]

Attachment: SaveFrame.zip

I got a different regression window using the attached:
https://hg.mozilla.org/mozilla-central/pushloghtml?fromchange=6338a8988917&tochange=7e4c2abb9fc9

Suspect: Bug 157681

Comment 3

[Andrei Vaida [:avaida]]

Desktop QA has been highlighting this defect as a known issue for a few release cycles now, following regression testing. Boris, it would really help us if you set a priority on this bug — it will give us clarity on whether this issue is still worth mentioning in future test reports.

Comment 4

[Boris Chiou [:boris]]

Set P3 because we still can get the expected result by pressing the re-run button.