Ticket #31661: 31661.2.patch

src/wp-includes/js/quicktags.js

@@ -150 +150 @@
                         zeroise( now.getUTCSeconds() ) +
                         '+00:00';
         })(),
-        qt;
+        qt,
+        keyboardSelectionIE = false;
 
         qt = QTags = function(settings) {
                 if ( typeof(settings) === 'string' ) {
@@ -220 +221 @@
                         tb.attachEvent('onclick', onclick);
                 }
 
+                if ( canvas.addEventListener ) {
+                        canvas.addEventListener( 'keydown', qt.OnTab, false );
+                } else if ( canvas.attachEvent ) {
+                        canvas.attachEvent( 'onkeydown', qt.OnTab );
+                }
+
                 t.getButton = function(id) {
                         return t.theButtons[id];
                 };
@@ -243 +250 @@
         };
 
         qt._buttonsInit = function() {
-                var t = this, canvas, name, settings, theButtons, html, inst, ed, id, i, use,
+                var t = this, canvas, name, settings, theButtons, html, inst, ed, id, i, use, closeAllButton,
                         defaults = ',strong,em,link,block,del,ins,img,ul,ol,li,code,more,close,';
 
                 for ( inst in t.instances ) {
@@ -299 +306 @@
                         }
 
                         ed.toolbar.innerHTML = html;
+
+                        // Disable the Close All button on init.
+                        closeAllButton = document.getElementById( ed.name + '_' + theButtons.close.id );
+                        if ( closeAllButton ) {
+                                closeAllButton.setAttribute( 'disabled', 'disabled' );
+                        }
+
                         ed.theButtons = theButtons;
 
                         if ( typeof jQuery !== 'undefined' ) {
@@ -439 +453 @@
         };
         qt.TagButton.prototype = new qt.Button();
         qt.TagButton.prototype.openTag = function(e, ed) {
-                var t = this;
+                var t = this,
+                        closeAllButton = document.getElementById( ed.name + '_' + ed.theButtons.close.id );
 
+                // Enable the Close All button now that we have open tags.
+                if ( closeAllButton ) {
+                        closeAllButton.removeAttribute( 'disabled' );
+                }
+
                 if ( ! ed.openTags ) {
                         ed.openTags = [];
                 }
+
                 if ( t.tagEnd ) {
                         ed.openTags.push(t.id);
                         e.value = '/' + e.value;
@@ -450 +471 @@
                 }
         };
         qt.TagButton.prototype.closeTag = function(e, ed) {
-                var t = this, i = t.isOpen(ed);
+                var t = this, i = t.isOpen(ed),
+                        closeAllButton = document.getElementById( ed.name + '_' + ed.theButtons.close.id );
 
                 if ( i !== false ) {
                         ed.openTags.splice(i, 1);
                 }
 
+                // Disable the Close All button when there are no more open tags.
+                if ( 0 === i && closeAllButton ) {
+                        closeAllButton.setAttribute( 'disabled', 'disabled' );
+                }
+                // Handle focus when the Close All button gets disabled.
+                ed.canvas.focus();
+
                 e.value = t.display;
         };
         // whether a tag is open or not. Returns false if not open, or current open depth of the tag
@@ -476 +505 @@
 
                 if ( document.selection ) { // IE
                         canvas.focus();
-                        sel = document.selection.createRange();
+                        // Check if we already have an IE keyboard selection first.
+                        sel = keyboardSelectionIE || document.selection.createRange();
                         if ( sel.text.length > 0 ) {
                                 if ( !t.tagEnd ) {
                                         sel.text = sel.text + t.tagStart;
@@ -494 +524 @@
                                         t.closeTag(element, ed);
                                 }
                         }
+                        // Reset IE keyboard selection
+                        keyboardSelectionIE = false;
                         canvas.focus();
-                } else if ( canvas.selectionStart || canvas.selectionStart === 0 ) { // FF, WebKit, Opera
-                        startPos = canvas.selectionStart;
-                        endPos = canvas.selectionEnd;
+                } else if ( canvas.selectionStart || canvas.selectionStart === 0 ) { // FF, WebKit, Opera, IE11
+                        // Check if there has been a keyboard selection, because IE11 is weird
+                        if ( keyboardSelectionIE ) {
+                                startPos = keyboardSelectionIE[0];
+                                endPos = keyboardSelectionIE[1];
+                                // Reset it right away, no need for it from here
+                                keyboardSelectionIE = false;
+                        } else {
+                                startPos = canvas.selectionStart;
+                                endPos = canvas.selectionEnd;
+                        }
                         cursorPos = endPos;
                         scrollTop = canvas.scrollTop;
                         l = v.substring(0, startPos); // left of the selection
@@ -544 +584 @@
                 }
         };
 
+        // IE keyboard selection: get and store the selection when reverse tabbing.
+        qt.OnTab = function( event ) {
+                var key;
+
+                if ( ( document.selection || document.getSelection() ) && 'keydown' === event.type ) {
+                        key = event.keyCode || event.charCode;
+                        if ( event.shiftKey && 9 === key ) {
+                                // IE11 supports getSelection like other modern browsers, but doesn't seem to return anything for textarea selections 
+                                // So store start and end of selection instead
+                                if ( window.getSelection ) {
+                                        selection = [this.selectionStart, this.selectionEnd];
+                                } else if ( document.getSelection ) {
+                                        selection = document.getSelection() + '';
+                                } else if ( document.selection ) {
+                                        selection = document.selection.createRange().text || '';
+                                }
+                                keyboardSelectionIE = selection;
+                        }
+                }
+        };
+
         // removed
         qt.SpellButton = function() {};