[Drupal 10.1] Flickering sidebar nav width on page load

Created on 25 April 2023, about 1 year ago
Updated 30 June 2023, 12 months ago

Problem/Motivation

This core issue is likely to land in 10.1.x or 10.2.x: πŸ› Toolbar tray rendering can result "flickering" resizing of content area to accommodate open trays Fixed

This change can result in brief flickering of hidden menus on page load. (drupal toolbars have plenty of flickering beyond this, this is very specific to an un-hovered menus briefly being shown on screen during toolbar load.

Fortunately, there's a very narrow use case in which this can occur: It will only happen if the user is on a tab that was previously using not-Gin-Toolbar then switched to using Gin-Toolbar AND the toolbar had an open tray.. Basically, the toolbar is aware of what tray was open and creates a reflow-preventing placeholder for it as the toolbar loads. That tray is ultimately replaced by the real one.

As soon as a user switches tabs, there's no problem as the behavior is due to specific sessionStorage values that won't be set to the problem-causing ones if Gin toolbar is active.

Although this will only occur in very specific circumstances, I wanted to be sure this was documented in the issue queue here. It may be sufficient to just warn users installing Gin Toolbar. You could also prevent unwanted side effects by ensuring the sessionStorage Drupal.toolbar.toolbarState is cleared on page load.

Steps to reproduce

Proposed resolution

Remaining tasks

User interface changes

API changes

Data model changes

πŸ“Œ Task
Status

Fixed

Version

3.0

Component

Code

Created by

πŸ‡ΊπŸ‡ΈUnited States bnjmnm Ann Arbor, MI

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Production build 0.69.0 2024