@atlassian/aui 9.10.5 → 9.11.1

package/src/js/aui/restful-table/edit-row.js

@@ -227,7 +227,7 @@ export default Backbone.View.extend({
 
         this.$el.addClass(this.classNames.DISABLED)
             .find(':submit')
-            .attr('disabled', 'disabled');
+            .prop('disabled', true);
 
         return this;
     },
@@ -254,7 +254,7 @@ export default Backbone.View.extend({
 
         this.$el.removeClass(this.classNames.DISABLED)
             .find(':submit')
-            .removeAttr('disabled');
+            .prop('disabled', false);
 
         return this;
     },

package/src/js/aui/select2.js

@@ -1,6 +1,6 @@
 import $ from './jquery';
 import '../../js-vendor/jquery/plugins/jquery.select2';
-import layer from './layer';
+import layer from "./layer";
 
 /**
  * Wraps a vanilla Select2 with ADG _style_, as an auiSelect2 method on jQuery objects.
@@ -20,11 +20,9 @@ const auiContainer = 'aui-select2-container';
 const auiDropdown = 'aui-select2-drop aui-dropdown2';
 const auiHasAvatar = 'aui-has-avatar';
 
-// Other constants
-const DROPDOWN_LAYER_KEY = 'aui.select2DropdownLayer';
-
 $.fn.auiSelect2 = function (first) {
     let updatedArgs;
+    let dropdownLayer;
 
     if ($.isPlainObject(first)) {
         const auiOpts = $.extend({}, first);
@@ -85,18 +83,12 @@ $.fn.auiSelect2 = function (first) {
         const $selectInput = $(this);
         const $selectDropdown = $selectInput.select2('dropdown');
 
-        let dropdownLayer = $selectInput.data(DROPDOWN_LAYER_KEY);
-
-        if (!dropdownLayer) {
-            dropdownLayer = layer();
-            $selectInput.data(DROPDOWN_LAYER_KEY, dropdownLayer);
-        }
-
+        if (!dropdownLayer) dropdownLayer = layer();
         dropdownLayer.show(); // add layer to layer manager to get top z-index
 
         $selectDropdown.css('z-index', dropdownLayer.$el.css('z-index'));
         // mask is created during opening event, before open
-        $('#select2-drop-mask').css('z-index', dropdownLayer.$el.css('z-index'));
+        $("#select2-drop-mask").css('z-index', dropdownLayer.$el.css('z-index'));
 
         if (options.multiple || $selectInput.attr('multiple')) {
             // This is a multi-select, exiting
@@ -110,17 +102,8 @@ $.fn.auiSelect2 = function (first) {
 
     select2Instance.on('select2-close', function () {
         const $selectInput = $(this);
-        const dropdownLayer = $selectInput.data(DROPDOWN_LAYER_KEY);
-
-        if (dropdownLayer) {
-            dropdownLayer.hide();
-        } else {
-            AJS.warn(
-                'Warning! AUI: `select2-close` event handler could not discover the layer linked with the Select2 dropdown.',
-                'This may be happening when there are many instances of Select2 created on the same DOM element.',
-                'Consider checking your code as this can negatively affect performance.'
-            );
-        }
+
+        dropdownLayer.hide();
 
         $selectInput.removeData('was-ariadescribedby-cleared');
     });

package/src/js/aui/tooltip.js

@@ -48,7 +48,8 @@ const getTipNode = () => {
 const toggleTooltipVisibility = (shouldBeHidden = false) => {
     const tipNode = getTipNode();
     if (tipNode) {
-        tipNode.classList.toggle('assistive', shouldBeHidden)
+        tipNode.classList.toggle('hidden', shouldBeHidden);
+        tipNode.setAttribute('aria-hidden', shouldBeHidden);
     }
 }
 
@@ -136,7 +137,7 @@ class Tooltip {
 
     initContainer() {
         if ($sharedTip === undefined || $sharedTip.get(0) && !$sharedTip.get(0).isConnected) {
-            $sharedTip = $(`<div id="${AUI_TOOLTIP_ID}" class="${AUI_TOOLTIP_CLASS_NAME} assistive" role="tooltip"><p class="aui-tooltip-content"></p></div>`);
+            $sharedTip = $(`<div id="${AUI_TOOLTIP_ID}" class="${AUI_TOOLTIP_CLASS_NAME} hidden" role="tooltip" aria-hidden="true"><p class="aui-tooltip-content"></p></div>`);
             $(document.body).append($sharedTip);
         }
     }

package/src/less/aui-appheader.less

@@ -34,7 +34,7 @@ aui-header,
     @section-gap: 20px;
 
     box-sizing: border-box;
-    padding: 7px @aui-grid 10px @aui-grid;
+    padding: 0 @aui-grid;
     position: relative;
 
     .aui-header-before {