ENGCOM-6123: Removed box-shadow on clicking disabled swatch option #25145

Author: VladimirZaets

app/code/Magento/Swatches/view/frontend/web/js/swatch-renderer.js

@@ -840,7 +840,10 @@ define([
          */
         _Rewind: function (controls) {
             controls.find('div[option-id], option[option-id]').removeClass('disabled').removeAttr('disabled');
-            controls.find('div[option-empty], option[option-empty]').attr('disabled', true).addClass('disabled');
+            controls.find('div[option-empty], option[option-empty]')
+                .attr('disabled', true)
+                .addClass('disabled')
+                .attr('tabindex', '-1');
         },
 
         /**

app/design/frontend/Magento/blank/Magento_Swatches/web/css/source/_module.less

@@ -120,7 +120,7 @@
                     &.selected {
                         .lib-css(background, @attr-swatch-option__selected__background);
                         .lib-css(border, @attr-swatch-option__selected__border);
-                        .lib-css(color, @attr-swatch-option__selected__color);  
+                        .lib-css(color, @attr-swatch-option__selected__color);
                     }
                 }
             }
@@ -180,7 +180,9 @@
             }
 
             &.disabled {
+                box-shadow: unset;
                 cursor: default;
+                pointer-events: none;
 
                 &:after {
                     //  ToDo: improve .lib-background-gradient() to support diagonal gradient