Ticket #57301: 57301.diff

src/js/_enqueues/lib/emoji-loader.js

@@ -9 +9 @@
         var canvas = document.createElement( 'canvas' );
         var context = canvas.getContext && canvas.getContext( '2d' );
 
+        // If the browser doesn't support String.fromCodePoint, assume that it doesn't
+        // correctly support the latest emoji either.
+        var supportsFromCodePoint = typeof String.fromCodePoint === 'function';
+
         /**
          * Checks if two sets of Emoji characters render the same visually.
          *
@@ -22 +26 @@
          * @return {boolean} True if the two sets render the same.
          */
         function emojiSetsRenderIdentically( set1, set2 ) {
-                var stringFromCharCode = String.fromCharCode;
+                var stringFromCodePoint = String.fromCodePoint;
 
                 // Cleanup from previous test.
                 context.clearRect( 0, 0, canvas.width, canvas.height );
-                context.fillText( stringFromCharCode.apply( this, set1 ), 0, 0 );
+                context.fillText( stringFromCodePoint.apply( this, set1 ), 0, 0 );
                 var rendered1 = canvas.toDataURL();
 
                 // Cleanup from previous test.
                 context.clearRect( 0, 0, canvas.width, canvas.height );
-                context.fillText( stringFromCharCode.apply( this, set2 ), 0, 0 );
+                context.fillText( stringFromCodePoint.apply( this, set2 ), 0, 0 );
                 var rendered2 = canvas.toDataURL();
 
                 return rendered1 === rendered2;
@@ -54 +58 @@
         function browserSupportsEmoji( type ) {
                 var isIdentical;
 
-                if ( ! context || ! context.fillText ) {
+                if ( ! context || ! context.fillText || ! supportsFromCodePoint ) {
                         return false;
                 }