Selects sometimes invisible due to interrupted fadeIn

Created on 28 September 2021, over 3 years ago
Updated 9 August 2023, almost 2 years ago

Problem/Motivation

We have a site using SHS and SHS Chosen. On mobile, where Chosen does not activate, SHS dropdowns will sometimes render as invisible. I believe that this is a race condition; WidgetView.js tells the dropdown to fadeIn, while (I think) ContainerView is wrapping the dropdown in an shs-widget-container div. When the DOM shuffling happens during the fadeIn, it leaves the dropdown stuck at like 0.000001 opacity.

Steps to reproduce

  • Have a couple of SHS Chosen dropdowns
  • View on mobile, where Chosen is disabled
  • Refresh the page a few times
  • On most page loads, at least one of the dropdowns will be invisible. It's there and you can interact with it, but you can't see it until you change its value.

Proposed resolution

I am about to attach a workaround patch, that changes the fadeIn() to an immediate show(). This is not intended as a permanent solution.

Remaining tasks

  • Determine if anything I said above is correct, or applies to more than just the site I'm working on
  • Come up with a solution that allows us to keep the fade
πŸ› Bug report
Status

Needs review

Version

1.0

Component

Code

Created by

πŸ‡ΊπŸ‡ΈUnited States Lanny Heidbreder

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

Comments & Activities

Not all content is available!

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

Production build 0.71.5 2024