javascript - How can I fix custom Kendo UI theme CSS which causes an IE 8 glitch? -
trying: kendo ui mendu demo custom theme (kendo ui custom themes or modified theme css)
i've customized bootstrap theme, , encountered glitch in ie 8 when mousing on menu item, when using custom theme css.
customized bootstrap theme example: http://jsbin.com/ovufef/1/edit (glitch in ie 8)
original bootstrap theme example: http://jsbin.com/urinev/1/edit (works expected)
kendo ui menu:
<ul id="menu"> <li> stores <ul> <li> <div style="padding: 50px;"> <h2>around globe</h2> </div> </li> </ul> </li> </ul> <script> $(document).ready(function() { $("#menu").kendomenu(); }); </script>
view css in jsbins, long include here since kendo themes.
basically glitch when mouse on item, not drop sub item down immediately, must move mouse on sub item display, , wiggle around until weirdly , magically appears.
i'm unsure causing ie8 glitch in custom theme. styles simliar, can't figure out what's causing it. have done file diff on css, , seems me (after looking @ diff few times) background color, gradient, border color, etc changes.
if me fix custom css, appreciated.
notes:
- bootstrap theme name, nothing twitter bootstrap... looks similar.
- i hate ie passion, not choice (and part kendo works fine in ie)
- jsbin used because ie8 not work in jsfiddle
- update: viewing jsbin in new window, glitch not produced reproduce in web app custom theme used. more research needed, update or answer soon
something happens in jsbin iframe - if open bin in new window - works.
Comments
Post a Comment