Closed byronmcg closed 11 years ago
VML elements are incredibly fragile. Look at them funny and they'll break. The
Changing the final return statement in version 3.7.0's createElement function as follows solves the problem and should be safe as it affects only and all VML elements.
old: return node.canHaveChildren && !reSkip.test(nodeName) ? data.frag.appendChild(node) : node;
new: return node.canHaveChildren && !reSkip.test(nodeName) && !node.tagUrn ? data.frag.appendChild(node) : node;
Thanks!
The Floatbox library recently changed from using background images for drop shadows to using CSS3 box shadows and VML fill elements for older IE. Reports are coming in of the drop-shadows being drawn as just a big block of white on pages with html5shiv present.
Simple reproductions of the problem are available at http://floatboxjs.com/misc/shiv and http://floatboxjs.com/misc/noshiv. The noshiv page works fine with the gradient fill displaying correctly. The only difference on the shiv page is the presence of the html5shiv.js include line. On this page, the VML gradient fill is white on white.
Tested from IE8 compatibility mode in IE10, and from native IE 8 running in an XP virtual machine.
...Cheers!