Ticket #38667: 38667.0.diff

src/wp-admin/css/customize-controls.css

@@ -1129 +1129 @@
         margin-left: 10px;
         margin-right: 10px;
 }
+#customize-theme-controls #sub-accordion-section-custom_css textarea {
+        tab-size: 4;
+}
 
 #sub-accordion-section-custom_css .customize-control-notifications-container {
         margin-bottom: 15px;

src/wp-admin/js/customize-controls.js

@@ -5234 +5234 @@
                         });
                 });
 
+                // Allow tabs to be entered in Custom CSS textarea.
+                api.control( 'custom_css', function ( control ) {
+                        control.deferred.embedded.done( function allowTabs() {
+                                control.container.find( 'textarea' ).on( 'keydown', function onKeydown( event ) {
+                                        var textarea = this, selStart, selEnd, val, scroll, sel;
+
+                                        if ( 27 === event.keyCode ) { // Escape key.
+                                                // When pressing Escape: Opera 12 and 27 blur form fields, IE 8 clears them.
+                                                event.preventDefault();
+
+                                                if ( true !== $( textarea ).data( 'tab-out' ) ) {
+                                                        $( textarea ).data( 'tab-out', true );
+                                                        event.stopPropagation(); // Prevent collapsing the section.
+                                                }
+                                                return;
+                                        }
+
+                                        if ( 9 !== event.keyCode || event.ctrlKey || event.altKey || event.shiftKey ) { // Tab key.
+                                                return;
+                                        }
+
+                                        if ( $( textarea ).data( 'tab-out' ) ) {
+                                                $( textarea ).data( 'tab-out', false );
+                                                return;
+                                        }
+
+                                        selStart = textarea.selectionStart;
+                                        selEnd = textarea.selectionEnd;
+                                        val = textarea.value;
+
+                                        if ( document.selection ) {
+                                                textarea.focus();
+                                                sel = document.selection.createRange();
+                                                sel.text = '\t';
+                                        } else if ( selStart >= 0 ) {
+                                                scroll = textarea.scrollTop;
+                                                textarea.value = val.substring( 0, selStart ).concat( '\t', val.substring( selEnd ) );
+                                                textarea.selectionStart = textarea.selectionEnd = selStart + 1;
+                                                textarea.scrollTop = scroll;
+                                        }
+
+                                        event.stopPropagation();
+                                        event.preventDefault();
+                                } );
+                        } );
+                } );
+
                 // Update the setting validities.
                 api.previewer.bind( 'selective-refresh-setting-validities', function handleSelectiveRefreshedSettingValidities( settingValidities ) {
                         api._handleSettingValidities( {