Remove transforms in CSS

Created on 28 April 2021, over 3 years ago

Updated 7 November 2023, about 1 year ago

There are a few places in the CSS template that use transform: translate3d(0,0,0) translateZ(0) to trigger the browser's hardware acceleration. Originally, this was done to assist with the blur filter when scrolling (smoother scrolling). However, with newer browser versions, this now causes the page's content to delay rendering because it is no longer a balanced priority for the browser/GPU.

🐛 Bug report

Status

Fixed

Version

2.0

Component

Code

Created by

🇺🇸United States markhalliwell

Live updates comments and jobs are added and updated live.

Incomplete comments

Comments & Activities

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

Comment about 1 year ago →
🇦🇺Australia nigelcunningham Geelong
Commited; thanks!
Comment about 1 year ago →
🇦🇺Australia nigelcunningham Geelong
Status changed to Fixed about 1 year ago2:26am 7 November 2023
Comment about 1 year ago →
System Message

Nigel Cunningham → committed 56047a35 on 2.0.x authored by markhalliwell →
Issue #3211205 by markhalliwell: Remove transforms in CSS
Comment about 1 year ago →
System Message
Automatically closed - issue fixed for 2 weeks with no activity.

contrib.social Blog FAQ Discussions

Production build 0.71.5 2024