Skip to content

Fix manual scrolling issue on Firefox/Windows#12648

Merged
Gargron merged 1 commit intomastodon:masterfrom
ClearlyClaire:fixes/scroll-will-change
Dec 19, 2019
Merged

Fix manual scrolling issue on Firefox/Windows#12648
Gargron merged 1 commit intomastodon:masterfrom
ClearlyClaire:fixes/scroll-will-change

Conversation

@ClearlyClaire
Copy link
Copy Markdown
Contributor

Fixes #12607

will-change: transform apparently makes manual scrolling impossible on
Firefox/Windows. While this should probably be considered a Firefox bug,
will-change: transform seem like a very aggressive performance hint that
may possibly make the browser consume more resources than needed, especially
in multiple-column mode.

This was originally added to improve scrolling performances on mobile, but
I think this isn't necessary anymore, because of the two following reasons:

  • contain: paint (which is implied by contain: strict, which we apply
    whenever the browser supports grids) should have similar effects
  • in single-column mode, the scrolling container is the root element, which
    I believe is optimized in at least Chromium

Keep in mind that I have not been able to make in-depth benchmarks, and
especially not been able to try on mobile, so performances should probably
be investigated further…

Fixes mastodon#12607

`will-change: transform` apparently makes manual scrolling impossible on
Firefox/Windows. While this should probably be considered a Firefox bug,
`will-change: transform` seem like a very aggressive performance hint that
may possibly make the browser consume more resources than needed, especially
in multiple-column mode.

This was originally added to improve scrolling performances on mobile, but
I think this isn't necessary anymore, because of the two following reasons:
- `contain: paint` (which is implied by `contain: strict`, which we apply
  whenever the browser supports grids) should have similar effects
- in single-column mode, the scrolling container is the root element, which
  I believe is optimized in at least Chromium

Keep in mind that I have not been able to make in-depth benchmarks, and
especially not been able to try on mobile, so performances should probably
be investigated further…
@Gargron
Copy link
Copy Markdown
Member

Gargron commented Dec 17, 2019

cc @nolanlawson

in single-column mode, the scrolling container is the root element, which
I believe is optimized in at least Chromium

Seems like it would in any case be safe to remove that property specifically in single-column mode

@ClearlyClaire
Copy link
Copy Markdown
Contributor Author

Yes, it should be safe, but the issue only occurs on “advanced” layout afaik

@Gargron Gargron merged commit dc0750a into mastodon:master Dec 19, 2019
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Manual scroll doesn't work on Windows

2 participants