Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

muse.ai - scrolling extremely laggy when svg images are in viewport #57757

Closed
naktinis opened this issue Sep 4, 2020 · 4 comments
Closed

muse.ai - scrolling extremely laggy when svg images are in viewport #57757

naktinis opened this issue Sep 4, 2020 · 4 comments
Labels
browser-firefox engine-gecko The browser uses the Gecko rendering engine priority-normal severity-important A non-core broken piece of functionality, not behaving the way you would expect. type-bad-performance When sites are unresponsive, slow transition
Milestone
duplicate

Comments

@naktinis
Copy link

naktinis commented Sep 4, 2020

URL: https://muse.ai

Browser / Version: Firefox 80.1.2
Operating System: Android 10
Tested Another Browser: Yes Chrome

Problem type: Something else
Description: Extremely slow rendering of SVG items. Impossible to scroll.
Steps to Reproduce:
Seems like a recent problem. I believe it's caused by the section icons (line-based icons above headlines). If I comment out the part that defines their "url: (...svg)" in CSS, scrolling smoothness goes back to normal.

Browser Configuration
  • None

From webcompat.com with ❤️
@webcompat-bot webcompat-bot added this to the needstriage milestone Sep 4, 2020
@webcompat-bot webcompat-bot added browser-firefox engine-gecko The browser uses the Gecko rendering engine labels Sep 4, 2020
@naktinis naktinis changed the title muse.ai - see bug description muse.ai - scrolling extremely laggy when svg images are in viewport Sep 4, 2020
@tomaspalmeirim
Copy link

I made a screen recording that shows this issue, see: https://muse.ai/v/HBFCzjD . It first shows desired behavior on Chrome, then laggy scroll on Firefox.

Browser / Version: Firefox 80.1.2
Operating System: Android 10

@cipriansv cipriansv added priority-normal severity-important A non-core broken piece of functionality, not behaving the way you would expect. labels Sep 7, 2020
@cipriansv cipriansv modified the milestones: needstriage, needsdiagnosis Sep 7, 2020
@cipriansv
Copy link

Thanks for the report, @naktinis.

I was indeed able to reproduce the issue. Scrolling is indeed faulty in Firefox.

Tested with:
Browser / Version: Firefox Nightly 200906(🦎 82.0a1-20200902095359), Chrome Mobile 83.0.4103.125
Operating System: OnePlus6 (Android 10) - 1080 x 2280 pixels (~402 ppi pixel density)

Moving the issue to needsdiagnosis.

@karlcow
Copy link
Member

karlcow commented Sep 8, 2020

No idea why but that looks like a strange performance issue
https://share.firefox.dev/3m0fymz

@karlcow
Copy link
Member

karlcow commented Sep 8, 2020

Close as duplicate of https://bugzilla.mozilla.org/show_bug.cgi?id=1663570

@karlcow karlcow added the type-bad-performance When sites are unresponsive, slow transition label Jul 8, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
browser-firefox engine-gecko The browser uses the Gecko rendering engine priority-normal severity-important A non-core broken piece of functionality, not behaving the way you would expect. type-bad-performance When sites are unresponsive, slow transition
Projects
None yet
Milestone
duplicate
Development

No branches or pull requests
5 participants
@karlcow @naktinis @webcompat-bot @tomaspalmeirim @cipriansv