[Bug] horizontal text scroll is not smooth
Categories
(Core :: Graphics: Text, defect)
Tracking
()
People
(Reporter: petru, Unassigned)
References
Details
From github: https://github.com/mozilla-mobile/fenix/issues/17893.
Steps to reproduce
Open below my bsnl broadband bill page
Check the horizontal scrolling text
Its movement is not smooth whereas the scroll is very smooth in chromeExpected behavior
Texts should scroll smoothly
Actual behavior
Text scroll is jittery
Device information
- Device vendor / model and Android version: ? Rog3 A10
- Firefox for Android version: ? (go to Settings -> About Firefox) latest nightly
Change performed by the Move to Bugzilla add-on.
Comment 1•4 years ago
|
||
Huh, it's a <marquee>
element. That has been deprecated as obsolete for quite a while:
- https://developer.mozilla.org/en-US/docs/Web/HTML/Element/marquee
- https://www.w3.org/TR/css3-marquee/
The jerky scrolling seems to be the default for <marquee>
in Firefox; a reduced example shows the same behavior:
data:text/html,<h1><marquee>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
It's possible to get smoother scrolling by adjusting attributes of the <marquee>
element, e.g.:
data:text/html,<h1><marquee scrollamount=1 scrolldelay=10 truespeed>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
but this will use substantially more CPU resources and power.
Replacing it with a more modern/supported solution (e.g. using CSS animations) would be better.
Reporter | ||
Comment 2•4 years ago
|
||
Thank you Jonathan!
Filed a webcompat issue - https://github.com/webcompat/web-bugs/issues/66859
I think this ticket can be closed then.
Description
•