MC-42051: Fix jQuery.fn.blur() (#43)

- Replace deprecated blur() function
magento · May 26, 2021 · 95445b3 · 95445b3
1 parent d239f6c
commit 95445b3
Show file tree

Hide file tree

Showing 6 changed files with 7 additions and 7 deletions.
diff --git a/app/code/Magento/Swatches/view/base/web/js/swatch-renderer.js b/app/code/Magento/Swatches/view/base/web/js/swatch-renderer.js
@@ -870,7 +870,7 @@ define([
          */
         _OnMoreClick: function ($this) {
             $this.nextAll().show();
-            $this.blur().remove();
+            $this.trigger('blur').remove();
         },
 
         /**

diff --git a/app/code/Magento/Ui/view/base/web/js/block-loader.js b/app/code/Magento/Ui/view/base/web/js/block-loader.js
@@ -49,7 +49,7 @@ define([
      * @param {Object} element
      */
     function addBlockLoader(element) {
-        element.find(':focus').blur();
+        element.find(':focus').trigger('blur');
         element.find('input:disabled, select:disabled').addClass('_disabled');
         element.find('input, select').prop('disabled', true);
 

diff --git a/app/code/Magento/Ui/view/base/web/js/form/element/ui-select.js b/app/code/Magento/Ui/view/base/web/js/form/element/ui-select.js
@@ -953,7 +953,7 @@ define([
 
             if (this.isTabKey(event)) {
                 if (!this.filterOptionsFocus() && this.listVisible() && this.filterOptions) {
-                    this.cacheUiSelect.blur();
+                    this.cacheUiSelect.trigger('blur');
                     this.filterOptionsFocus(true);
                     this.cleanHoveredElement();
 

diff --git a/app/code/Magento/Ui/view/base/web/js/lib/knockout/bindings/datepicker.js b/app/code/Magento/Ui/view/base/web/js/lib/knockout/bindings/datepicker.js
@@ -89,7 +89,7 @@ define([
 
                 if (!options.timeOnly) {
                     $element.datepicker('setDate', newVal);
-                    $element.blur();
+                    $element.trigger('blur');
                 }
             });
         }

diff --git a/dev/tests/js/jasmine/tests/app/code/Magento/Ui/base/js/lib/ko/bind/datepicker.test.js b/dev/tests/js/jasmine/tests/app/code/Magento/Ui/base/js/lib/ko/bind/datepicker.test.js
@@ -51,7 +51,7 @@ define([
             momentFormat = utils.convertToMomentFormat(inputFormat);
             todayDate = moment().format(momentFormat);
 
-            element.datepicker('setTimezoneDate').blur().trigger('change');
+            element.datepicker('setTimezoneDate').trigger('blur').trigger('change');
             result = moment(observable()).format(momentFormat);
 
             expect(todayDate).toEqual(result);
@@ -71,7 +71,7 @@ define([
         });
 
         it('clear picked date\'s value after clear observable value', function () {
-            element.datepicker('setTimezoneDate').blur().trigger('change');
+            element.datepicker('setTimezoneDate').trigger('blur').trigger('change');
             observable('');
 
             jasmine.clock().tick(100);

diff --git a/lib/web/mage/calendar.js b/lib/web/mage/calendar.js
@@ -551,7 +551,7 @@ define([
         //Set date/time according to timezone offset
         $(el).datepicker('setTimezoneDate')
             // To ensure that user can re-select date field without clicking outside it first.
-            .blur().trigger('change');
+            .trigger('blur').trigger('change');
     };
 
     return {