IE10 / mobileGallery / Accordion: cannot switch to Single tab after selecting Dojo pane

[Eric Durocher]

To reproduce:

• launch demos/mobileGallery/demo-iphone.html on IE10 (desktop)
• select Accordion in the left list
• select the Dojo tab of the accordion (last one)
• click the Single tab in the toolbar -> nothing happens, the view should switch to a different accordion in single select mode.

After investigating, this seems to be an IE10 problem: we are firing a TransitionEvent, but listeners for completely different listeners (transitionEnd or animationEnd) are called. The problem has been reported to MS here:

​http://social.msdn.microsoft.com/Forums/en-US/iewebdevelopment/thread/99665041-557a-4c5f-81d8-a24230ecd67f

no solution given so far...

[Eric Durocher]

Note the problem disappears after a browser refresh...

[Kenneth G. Franqueiro]

I PM'd Eric about this on IRC tonight because I found the link mentioned in the description, while investigating a similar issue in dgrid: ​https://github.com/SitePen/dgrid/issues/379

In the case of the dgrid issue I had already narrowed it down to the Pagination extension, and mentioned my current wild guess to Eric - the guess being that it has something to do with breaking after clicking an a tag. Apparently this characteristic is something that both of our issues have in common. At least in the case of the dgrid issue, converting those a tags to spans appears to have resolved the issue, so it may be worth exploring in this case as well.

To be clear, this bug is likely in IE9 as well (at least, it was in the case of dgrid) - basically, any IE where on.emit uses dispatchEvent, as even using dispatchEvent directly caused the bug, in our testing.

[dylan]

Given that no one has shown interest in creating a patch in the past 2+ years, I'm closing this as patchwelcome.