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

Comments

Lanny Heidbreder created an issue. See original summary.

lanny heidbreder’s picture

Issue summary: View changes
lanny heidbreder’s picture

StatusFileSize
new440 bytes

Workaround patch. Replaces fadeIn() with show(). Not intended as a permanent solution; I don't think I have the time to learn this Backbone stuff well enough to implement a proper fix.

damienmckenna’s picture

Version: 8.x-1.0-alpha5 » 8.x-1.x-dev
Status: Active » Needs review