In boilerplate using IE10, content disappears after CSS transition.

Question

In boilerplate using IE10, content disappears after CSS transition.

erichboileau opened this issue 11 years ago · comments

Having a strange issue and wondering if others have noticed this.

In the boilerplate and downloaded demos when using IE10, content disappears after CSS transition. This doesn't happen on the deck.js online demo because for some reason, IE10 doesn't use transitions. Trouble is, I can't find the difference between our two codes.

This only happens if you advance slides but don't move your mouse. Once you move your mouse, the content reappears on the screen.

Any ideas why this could be happening? Are CSS transitions for this only partially supported, and how would I disable css transitions just for ie10?

Thanks folks!

Caleb Troughton · Answer 1 · Fri Oct 04 2013 07:48:57 GMT+0800 (China Standard Time)

I don't mind leaving this open so that others can find and discuss, but everything about your description makes it sound like Yet Another IE Bug and not something specific to deck.js. I hope you can find a workaround.

Erich · Answer 2 · Fri Oct 04 2013 20:46:14 GMT+0800 (China Standard Time)

That wouldn't surprise me. By switching to fade transitions, I was able to work around the problem. Thank you!

Caleb Troughton · Answer 3 · Thu Nov 21 2013 07:17:05 GMT+0800 (China Standard Time)

@erichboilieau Do you think you could test this again with the 1.0 release? I might have jiggled a wire and accidentally worked around the MS bug. My testing using IE10 on win7 doesn't show any transition/norepaint issues.

Erich · Answer 4 · Thu Nov 21 2013 22:38:09 GMT+0800 (China Standard Time)

Hello!

I would love to test it out, but I actually have that particular project already public. I'll definitely keep an eye on this though for my next presentation project. Thank you!

Caleb Troughton · Answer 5 · Fri Nov 22 2013 01:35:45 GMT+0800 (China Standard Time)

@erichboilieau Ok great, I was actually referring to just downloading deck.js and trying the demo, which you said also exhibits the bug. But no worries, I'm satisfied with my own IE testing of the demos that if this is even a problem its an intermittent one and something I can't fix on my end.

Erich · Answer 6 · Fri Nov 22 2013 03:27:18 GMT+0800 (China Standard Time)

@imakewebthings Gotcha. I downloaded the demo just to see if I can reproduce the error and it seems to be working. I'm up to IE11 now on Windows 8.1, and I tested in compatibility mode for IE10.

That said, the slide animation doesn't seem to work for sliding in. On transition, it appears to slide out then the next slide content just "appears" in the middle of the screen. Not the same as Chrome, but not a deal breaker either. Overall, seems like the update fixed the issue.

Thanks for the great software!