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
| Comment | File | Size | Author |
|---|---|---|---|
| #3 | shs-invisible-selects-3239729-3.patch | 440 bytes | lanny heidbreder |
Comments
Comment #2
lanny heidbreder commentedComment #3
lanny heidbreder commentedWorkaround patch. Replaces
fadeIn()withshow(). 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.Comment #4
damienmckenna