Investigate possibility of creating API, CSS class, reusable animation to help eliminate page jank

Created on 26 April 2024, 2 months ago

Updated 27 April 2024, about 2 months ago

This is split off from 🌱 META: Reduce / eliminate “jank” (layout shifts) within Drupal’s admin UI Active but originates as a discussion on 🐛 Views UI action buttons create janky layout shift on page load Needs work where @nod_ suggested trying to abstract out the method of reducing jank into something more reusable (such as a CSS class). We've also had discussions in Slack at https://drupal.slack.com/archives/C1BMUQ9U6/p1714158882541689

I'm not entirely sure this is possible or worth it, as the cause of the jank issues are many. But, there may be opportunity here if the same cause affects multiple places.

I'm leaving this here as a placeholder to see if once we get some of these fixes into core, patterns can emerge and we can re-evaluate.

📌 Task

Status

Active

Version

11.0 🔥

Component

CSS →

Last updated 1 day ago

Maintained by
🇹🇼Taiwan @JohnAlbin
🇺🇸United States @mherchel

Created by

🇺🇸United States mherchel Gainesville, FL, US

Live updates comments and jobs are added and updated live.

CSS
It involves the content or handling of Cascading Style Sheets.

jank

Comments & Activities

Issue created by @mherchel
Comment about 2 months ago →
🇫🇷France nod_ Lille
Maybe for the js-hide class we could use the media query to make sure we hide things asap. Would be good to try it out see if that helps some UI
Comment about 2 months ago →
🇺🇸United States mherchel Gainesville, FL, US
Maybe for the js-hide class we could use the media query to make sure we hide things asap.

We already got that committed in 🐛 Table filter creates jank (layout shift) on page load Fixed . See https://git.drupalcode.org/project/drupal/-/blob/11.x/core/modules/syste...

contrib.social Blog FAQ Discussions

Production build 0.69.0 2024