Changeset 36817

Timestamp:

03/03/2016 05:20:19 AM (9 years ago)

Author:

pento

Message:

Emoji: Add some extra IE11 compatibility.

IE 11's implementation of MutationObserver is buggy. It unnecessarily splits text nodes when it encounters a HTML template interpolation symbol ( "{{", for example ). So, we join the text nodes back together as a work-around.

Fixes #35977 for trunk.

File:

• trunk/src/wp-includes/js/wp-emoji.js (modified) (2 diffs)

trunk/src/wp-includes/js/wp-emoji.js

@@ -16 +16 @@
         twemoji, timer,
         loaded = false,
-        count = 0;
+        count = 0,
+        ie11 = window.navigator.userAgent.indexOf( 'Trident/7.0' ) > 0;
 
         /**
@@ -69 +70 @@
 
                             if ( node.nodeType === 3 ) {
+                                if ( ! node.parentNode ) {
+                                    continue;
+                                }
+
+                                if ( ie11 ) {
+                                    /*
+                                     * IE 11's implementation of MutationObserver is buggy.
+                                     * It unnecessarily splits text nodes when it encounters a HTML
+                                     * template interpolation symbol ( "{{", for example ). So, we
+                                     * join the text nodes back together as a work-around.
+                                     */
+                                    while( node.nextSibling && 3 === node.nextSibling.nodeType ) {
+                                        node.nodeValue = node.nodeValue + node.nextSibling.nodeValue;
+                                        node.parentNode.removedChild( node.nextSibling );
+                                    }
+                                }
+
                                 node = node.parentNode;
                             }