Changeset 37089

Timestamp:

03/29/2016 02:01:18 AM (10 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.

Merge of [36817] and [36981] to the 4.4 branch.

Fixes #35977.

File:

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

branches/4.4/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.removeChild( node.nextSibling );
+                                                                        }
+                                                                }
+
                                                                 node = node.parentNode;
                                                         }