Open Bug 1651923 Opened 4 years ago Updated 4 years ago

Text is trembling on margin change transition

Categories

(Core :: Layout: Text and Fonts, defect)

78 Branch
defect

Tracking

()

Tracking Status
firefox78 --- affected
firefox79 --- affected
firefox80 --- affected

People

(Reporter: mail, Unassigned)

Details

Attachments

(1 file)

Attached file move.html

User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:78.0) Gecko/20100101 Firefox/78.0

Steps to reproduce:

Changed "margin-right" of a span with transition.

Here's the code. Hover the text to see the result:

<html>

<head>
<style type="text/css">
tr.move:hover span{transition:all 10s ease}
tr.move:hover span{margin-right:100px;transition:all 10s ease}
</style>
</head>

<body>
<table style="width:500px"><tr class="move">
<td align="right"><span style="font-family:Arial;font-size:14px">Text text text</span></td>
</tr></table>
</body>

</html>

Actual results:

Text moving with slight trembling. It especially seen on a small font size.

Expected results:

Checked this effect in Chromium-based browser. Text is moving smoothly.

Hello,
I can repro this on the latest versions of Firefox Nightly 80.0a1 (2020-07-12), beta 79.0b7 and release 78.0.2.

Setting a component for this issue in order to get the dev team involved.
If you feel it's an incorrect one please feel free to change it to a more appropriate one.

Status: UNCONFIRMED → NEW
Component: Untriaged → Layout: Text and Fonts
Ever confirmed: true
Product: Firefox → Core

Actually, this looks fine on my mac (nightly). I'd like to mark this as S3. Not sure this is a bug of animation or text.

Severity: -- → S3
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: