Closed Bug 1691335 Opened 4 years ago Closed 4 years ago

[Bug] horizontal text scroll is not smooth

Categories

(Core :: Graphics: Text, defect)

Unspecified
Android
defect

Tracking

()

RESOLVED INVALID

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 chrome

https://mybillview.bsnl.co.in/DL_EZ_GA/webresources/app/htmlformat?ke=040220212106510545332938836106a9cf318a1d644774b2c2#

Expected 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.

Huh, it's a <marquee> element. That has been deprecated as obsolete for quite a while:

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.

Thank you Jonathan!
Filed a webcompat issue - https://github.com/webcompat/web-bugs/issues/66859
I think this ticket can be closed then.

Status: NEW → RESOLVED
Closed: 4 years ago
Resolution: --- → INVALID
You need to log in before you can comment on or make changes to this bug.