In our app however we have a problem. We are using several toggle-able components like, Off Canvas, Reveal, Dropdown and Toggler.
We added an iframe to our site that takes 10+ seconds or so for it to load its content. We noticed that all these components were 100% blocked until the iframe (ALL Iframes actually) loaded.
A little digging took us into the util.triggers.js where we found that the listeners for these items were applied on window.onload - not document.ready. This caused the elements in the UI to be totally unresponsive to the user until the iframes all loaded, triggering the window.onload event, thus applying the listeners. After the window.onload - every component worked perfectly.
This behavior is easily reproducible - and if I tweak the code in util.triggers to apply the listeners during document.ready - the UI is not blocked at all.
Is this by design? A bug? An oversight? Am I doing something wrong with these?