Changeset 20995

Timestamp:

06/05/2012 12:26:57 PM (14 years ago)

Author:

koopersmith

Message:

Theme Customizer: Add an inline html5 shiv to the preview to ensure html5 elements render properly. props SergeyBiryukov, fixes #20755.

File:

• trunk/wp-includes/class-wp-customize-manager.php (modified) (2 diffs)

trunk/wp-includes/class-wp-customize-manager.php

@@ -264 +264 @@
                 wp_enqueue_script( 'customize-preview' );
                 add_action( 'wp_head', array( $this, 'customize_preview_base' ) );
+                add_action( 'wp_head', array( $this, 'customize_preview_html5' ) );
                 add_action( 'wp_footer', array( $this, 'customize_preview_settings' ), 20 );
                 add_action( 'shutdown', array( $this, 'customize_preview_signature' ), 1000 );
@@ -282 +283 @@
         public function customize_preview_base() {
                 ?><base href="<?php echo home_url( '/' ); ?>" /><?php
+        }
+
+        /**
+         * Print a workaround to handle HTML5 tags in IE < 9
+         *
+         * @since 3.4.0
+         */
+        public function customize_preview_html5() { ?>
+                <!--[if lt IE 9]>
+                <script type="text/javascript">
+                        var e = [ 'abbr', 'article', 'aside', 'audio', 'canvas', 'datalist', 'details',
+                                'figure', 'footer', 'header', 'hgroup', 'mark', 'menu', 'meter', 'nav',
+                                'output', 'progress', 'section', 'time', 'video' ];
+                        for ( var i = 0; i < e.length; i++ ) {
+                                document.createElement( e[i] );
+                        }
+                </script>
+                <![endif]--><?php
         }