test(action-sheet): remove button state

Author: thetaPC

core/src/components/action-sheet/action-sheet.scss

@@ -101,8 +101,6 @@
   font-family: inherit;
 
   overflow: hidden;
-
-  z-index: 0;
 }
 
 .action-sheet-button:disabled {
@@ -125,7 +123,7 @@
   width: 100%;
   height: 100%;
 
-  // z-index: 1;
+  z-index: 1;
 }
 
 .action-sheet-container {
@@ -218,6 +216,9 @@
 .action-sheet-button.ion-focused {
   color: var(--button-color-focused);
 
+  background-color: var(--button-background-focused);
+  opacity: var(--button-background-focused-opacity);
+
   &::after {
     background: var(--button-background-focused);
 

core/src/components/action-sheet/action-sheet.tsx

@@ -410,6 +410,7 @@ export class ActionSheet implements ComponentInterface, OverlayInterface {
                   class={buttonClass(b)}
                   onClick={() => this.buttonClick(b)}
                   disabled={b.disabled}
+                  tabIndex={b.disabled ? -1 : 0}
                 >
                   <span class="action-sheet-button-inner">
                     {b.icon && <ion-icon icon={b.icon} aria-hidden="true" lazy={false} class="action-sheet-icon" />}