Text is trembling on margin change transition
Categories
(Core :: Layout: Text and Fonts, defect)
Tracking
()
People
(Reporter: mail, Unassigned)
Details
Attachments
(1 file)
353 bytes,
text/html
|
Details |
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.
Comment 1•4 years ago
|
||
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.
Comment 2•4 years ago
|
||
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.
Description
•