From e76d72989a9f18a52d9a6a8d1dd64e84a9c1e668 Mon Sep 17 00:00:00 2001
From: Liam DeBeasi <liamdebeasi@users.noreply.github.com>
Date: Tue, 19 Dec 2023 16:48:25 -0500
Subject: [PATCH] feat(action-sheet): add disabled button (#28723)

Issue number: N/A
---------

<!-- Please do not submit updates to dependencies unless it fixes an
issue. -->

<!-- Please try to limit your pull request to one type (bugfix, feature,
etc). Submit multiple pull requests if needed. -->

## What is the current behavior?
<!-- Please describe the current behavior that you are modifying. -->

Action sheet buttons cannot be disabled. This behavior exists in iOS 17.

## What is the new behavior?
<!-- Please describe the behavior or changes that are being added by
this PR. -->

- Action sheet buttons can be disabled

## Does this introduce a breaking change?

- [ ] Yes
- [x] No

<!--
  If this introduces a breaking change:
1. Describe the impact and migration path for existing applications
below.
  2. Update the BREAKING.md file with the breaking change.
3. Add "BREAKING CHANGE: [...]" to the commit description when merging.
See
https://github.com/ionic-team/ionic-framework/blob/main/.github/CONTRIBUTING.md#footer
for more information.
-->


## Other information

<!-- Any other information that is important to this PR such as
screenshots of how the component looks before and after the change. -->

---------

Co-authored-by: ionitron <hi@ionicframework.com>
---
 core/api.txt                                  |   1 +
 .../action-sheet/action-sheet-interface.ts    |   8 ++++
 .../action-sheet/action-sheet.ios.scss        |   1 +
 .../action-sheet/action-sheet.md.scss         |   1 +
 .../components/action-sheet/action-sheet.scss |   9 ++++-
 .../components/action-sheet/action-sheet.tsx  |  10 ++++-
 .../test/basic/action-sheet-rendering.e2e.ts  |  26 ++++++++++++
 ...t-disabled-ios-ltr-Mobile-Chrome-linux.png | Bin 0 -> 5309 bytes
 ...-disabled-ios-ltr-Mobile-Firefox-linux.png | Bin 0 -> 10091 bytes
 ...t-disabled-ios-ltr-Mobile-Safari-linux.png | Bin 0 -> 4725 bytes
 ...et-disabled-md-ltr-Mobile-Chrome-linux.png | Bin 0 -> 4203 bytes
 ...t-disabled-md-ltr-Mobile-Firefox-linux.png | Bin 0 -> 8791 bytes
 ...et-disabled-md-ltr-Mobile-Safari-linux.png | Bin 0 -> 3619 bytes
 .../test/basic/action-sheet.spec.tsx          |  37 ++++++++++++++++++
 core/src/utils/gesture/button-active.ts       |   2 +-
 15 files changed, 91 insertions(+), 4 deletions(-)
 create mode 100644 core/src/components/action-sheet/test/basic/action-sheet-rendering.e2e.ts-snapshots/action-sheet-disabled-ios-ltr-Mobile-Chrome-linux.png
 create mode 100644 core/src/components/action-sheet/test/basic/action-sheet-rendering.e2e.ts-snapshots/action-sheet-disabled-ios-ltr-Mobile-Firefox-linux.png
 create mode 100644 core/src/components/action-sheet/test/basic/action-sheet-rendering.e2e.ts-snapshots/action-sheet-disabled-ios-ltr-Mobile-Safari-linux.png
 create mode 100644 core/src/components/action-sheet/test/basic/action-sheet-rendering.e2e.ts-snapshots/action-sheet-disabled-md-ltr-Mobile-Chrome-linux.png
 create mode 100644 core/src/components/action-sheet/test/basic/action-sheet-rendering.e2e.ts-snapshots/action-sheet-disabled-md-ltr-Mobile-Firefox-linux.png
 create mode 100644 core/src/components/action-sheet/test/basic/action-sheet-rendering.e2e.ts-snapshots/action-sheet-disabled-md-ltr-Mobile-Safari-linux.png

diff --git a/core/api.txt b/core/api.txt
index 39441b584f..a242f01889 100644
--- a/core/api.txt
+++ b/core/api.txt
@@ -60,6 +60,7 @@ ion-action-sheet,css-prop,--button-background-selected
 ion-action-sheet,css-prop,--button-background-selected-opacity
 ion-action-sheet,css-prop,--button-color
 ion-action-sheet,css-prop,--button-color-activated
+ion-action-sheet,css-prop,--button-color-disabled
 ion-action-sheet,css-prop,--button-color-focused
 ion-action-sheet,css-prop,--button-color-hover
 ion-action-sheet,css-prop,--button-color-selected
diff --git a/core/src/components/action-sheet/action-sheet-interface.ts b/core/src/components/action-sheet/action-sheet-interface.ts
index 465c50e050..90e4e99a26 100644
--- a/core/src/components/action-sheet/action-sheet-interface.ts
+++ b/core/src/components/action-sheet/action-sheet-interface.ts
@@ -26,4 +26,12 @@ export interface ActionSheetButton<T = any> {
   htmlAttributes?: { [key: string]: any };
   handler?: () => boolean | void | Promise<boolean | void>;
   data?: T;
+  /**
+   * When `disabled` is `true` the action
+   * sheet button will not be interactive. Note
+   * that buttons with a 'cancel' role cannot
+   * be disabled as that would make it difficult for
+   * users to dismiss the action sheet.
+   */
+  disabled?: boolean;
 }
diff --git a/core/src/components/action-sheet/action-sheet.ios.scss b/core/src/components/action-sheet/action-sheet.ios.scss
index 594b735386..bf591b9493 100644
--- a/core/src/components/action-sheet/action-sheet.ios.scss
+++ b/core/src/components/action-sheet/action-sheet.ios.scss
@@ -17,6 +17,7 @@
   --button-background-selected: #{$action-sheet-ios-button-background-selected};
   --button-background-selected-opacity: 1;
   --button-color: #{$action-sheet-ios-button-text-color};
+  --button-color-disabled: #{$text-color-step-150};
   --color: #{$action-sheet-ios-title-color};
 
   text-align: $action-sheet-ios-text-align;
diff --git a/core/src/components/action-sheet/action-sheet.md.scss b/core/src/components/action-sheet/action-sheet.md.scss
index 17076563c3..e3480feefe 100644
--- a/core/src/components/action-sheet/action-sheet.md.scss
+++ b/core/src/components/action-sheet/action-sheet.md.scss
@@ -17,6 +17,7 @@
   --button-background-focused: currentColor;
   --button-background-focused-opacity: .12;
   --button-color: #{$action-sheet-md-button-text-color};
+  --button-color-disabled: var(--button-color);
   --color: #{$action-sheet-md-title-color};
 }
 
diff --git a/core/src/components/action-sheet/action-sheet.scss b/core/src/components/action-sheet/action-sheet.scss
index b6b91e7330..2519c214f3 100644
--- a/core/src/components/action-sheet/action-sheet.scss
+++ b/core/src/components/action-sheet/action-sheet.scss
@@ -33,6 +33,7 @@
    * @prop --button-color-hover: Color of the action sheet button on hover
    * @prop --button-color-focused: Color of the action sheet button when tabbed to
    * @prop --button-color-selected: Color of the selected action sheet button
+   * @prop --button-color-disabled: Color of the selected action sheet button when disabled
    */
   --color: initial;
   --button-color-activated: var(--button-color);
@@ -102,6 +103,12 @@
   overflow: hidden;
 }
 
+.action-sheet-button:disabled {
+  color: var(--button-color-disabled);
+
+  opacity: 0.4;
+}
+
 .action-sheet-button-inner {
   display: flex;
 
@@ -220,7 +227,7 @@
 // --------------------------------------------------
 
 @media (any-hover: hover) {
-  .action-sheet-button:hover {
+  .action-sheet-button:not(:disabled):hover {
     color: var(--button-color-hover);
 
     &::after {
diff --git a/core/src/components/action-sheet/action-sheet.tsx b/core/src/components/action-sheet/action-sheet.tsx
index 984e24cdaa..4805772b29 100644
--- a/core/src/components/action-sheet/action-sheet.tsx
+++ b/core/src/components/action-sheet/action-sheet.tsx
@@ -403,6 +403,7 @@ export class ActionSheet implements ComponentInterface, OverlayInterface {
                   id={b.id}
                   class={buttonClass(b)}
                   onClick={() => this.buttonClick(b)}
+                  disabled={b.disabled}
                 >
                   <span class="action-sheet-button-inner">
                     {b.icon && <ion-icon icon={b.icon} aria-hidden="true" lazy={false} class="action-sheet-icon" />}
@@ -415,6 +416,11 @@ export class ActionSheet implements ComponentInterface, OverlayInterface {
 
             {cancelButton && (
               <div class="action-sheet-group action-sheet-group-cancel">
+                {/*
+                  Cancel buttons intentionally do not
+                  receive a disabled state here as we should
+                  not make it difficult to dismiss the overlay.
+                */}
                 <button
                   {...cancelButton.htmlAttributes}
                   type="button"
@@ -443,8 +449,8 @@ export class ActionSheet implements ComponentInterface, OverlayInterface {
 const buttonClass = (button: ActionSheetButton): CssClassMap => {
   return {
     'action-sheet-button': true,
-    'ion-activatable': true,
-    'ion-focusable': true,
+    'ion-activatable': !button.disabled,
+    'ion-focusable': !button.disabled,
     [`action-sheet-${button.role}`]: button.role !== undefined,
     ...getClassMap(button.cssClass),
   };
diff --git a/core/src/components/action-sheet/test/basic/action-sheet-rendering.e2e.ts b/core/src/components/action-sheet/test/basic/action-sheet-rendering.e2e.ts
index 005184f927..ee5b3ba154 100644
--- a/core/src/components/action-sheet/test/basic/action-sheet-rendering.e2e.ts
+++ b/core/src/components/action-sheet/test/basic/action-sheet-rendering.e2e.ts
@@ -1,3 +1,4 @@
+import { expect } from '@playwright/test';
 import { configs, test } from '@utils/test/playwright';
 
 import { ActionSheetFixture } from './fixture';
@@ -40,3 +41,28 @@ configs().forEach(({ config, screenshot, title }) => {
     });
   });
 });
+
+configs({ directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
+  test.describe(title('action sheet: disabled buttons'), () => {
+    test('should render disabled button', async ({ page }) => {
+      await page.setContent(
+        `
+        <ion-action-sheet></ion-action-sheet>
+        <script>
+          const actionSheet = document.querySelector('ion-action-sheet');
+          actionSheet.buttons = [
+            { text: 'Disabled', disabled: true }
+          ];
+        </script>
+      `,
+        config
+      );
+
+      const actionSheet = page.locator('ion-action-sheet');
+
+      await actionSheet.evaluate((el: HTMLIonActionSheetElement) => el.present());
+
+      await expect(actionSheet).toHaveScreenshot(screenshot('action-sheet-disabled'));
+    });
+  });
+});
diff --git a/core/src/components/action-sheet/test/basic/action-sheet-rendering.e2e.ts-snapshots/action-sheet-disabled-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/action-sheet/test/basic/action-sheet-rendering.e2e.ts-snapshots/action-sheet-disabled-ios-ltr-Mobile-Chrome-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..2a88502325bee7df1910f5ac45ac0d2fc264a696
GIT binary patch
literal 5309
zcmeHL>01-m8XuRIT8miGiU`45skAOoML_m@6<JC(BCCNUs1;~1fTRH=kf>bCjTZ8t
zS15axB9I6XX^0^tfeVNf0TGf&*rf(Y2p}PZEt#J2Q~NhuzRY>f%$YOqd*0vjK0`lq
z+RN}`(~lttGW7BGI154R=n%AC`q78rPEvJ!85q`)&Uzh(syfXkA!vJ|kH^0Pk_uFV
zq5gsCy4KNRvy(0soA+PXvTvUxZ=X|wO!mV*2i^o_qJOT+W{<64a-P{{$+5af<eYkE
zw%u=C#xMWex>XB*z897)?g-fCv*Kcldy0)#75`M@Rwa<&qFcI4ymo&8F}mj;7(n4m
z+crU;XF+?`hP5MDL%|vm*0f+v4%ZxE%?<yL-0(s6_+UexT{J;EJt!870}Bfa#ogV0
zm6esghj&Bh^9c#H4<9}xT)6O{3d;{lOG_h<cNUJz<hEWHR5A{E;^lo=^~F|_A=L0H
zib$-KNF*430+F1UC~ZtLh>nYU?53OVsiSD8ZHelNz1>4YID;)_<x(7_GA}O$^TFc+
z)$8h#IzC@Hz$1|ry%l*yMO3Dyc>gvK2>FlaS+ZJUzrSD;WOLfz-(NMz=h|O>eWo~N
z&gayrQ-`R7E!M9G2EyD|`noo*A8}SthF5Tcm1(|sV4!}2{Fym@uUBTTq%ySl`>&zw
zbYg$47)@L5IcXy*_nx1h?*%CpUHuZuW(*AtDJCb+^**_MtNHo{gQDm?P<D>R>WIN@
zOiZKq<-RAS_AvvC0~^*oPPr`mt)dp(8HwNQd7(Pp5=!A-9u}rHUi$2(f0ul84L<D~
zZ`s}5U2WL}J+40(0Sm(|gV;F1U#2pdEc-hX@PU@8;lY$m*SsyE|9Gtb+i)WmThd)V
zIXUS??RfFxAYo7`WlPg7s3F{#!DY|Lda^Re+&STqr>Cbd>uvF~sj17z)EZm&+aLWu
z-gHshR*jy^$jp?0R~9+aewmCgSV!huYR^vAX`~h_;r~VUQ}uJBlaij=#}2J#bR4s@
z3p{b+#BE_>Uyn6>6y=h12242wG4qRI`-2{qN$2f}vZL^?O$J7&-o?cvWcQAIhv@L|
zU$&S#1?1ZklfNsRp}{L0vQna$o~C}fw+S}O8oAk5f0ZOylIJt(B~eEeFLG_gQfV+K
zLa{=p9cE`|!*HZ*XlS~#dG^q@P1*N$90=;&9b4~5B9X`oQ+*1hlBHYGcEL*^TII4v
z$%&R$VQL~eR+Sl^B~>^9#vyj-QD0x5VruG9QBe^F9FTNqOvZ_}J96YKz%(l}GZSDa
zluRbK<VHk9D4u2PMjjD~MC3fmobKcn6g&c(iYF$bI9#q2Jij>M>E)$F7P`6NcH3Vr
zpPrs35Q*4%O5<7MP1&UaiZ+NwqhWdRZ?n7sZp%6g9Q}7Y#1t@^0T@%~+N?A!JMjS&
z3Z)XmVSZ>}paf}aI-O^FeQg9sMFSS_Vyh_%RRxFzQaNR4WF)=0c_)+0<!(W_EOHzp
zA|sVr5uBQlks)RVvIz0<Pdba;@dAP1{U*0|94K1UnwXhA66rN;J7?$6Xvw3B+}zx{
zxY6SptyVhPl+F?eQmK7<z252S+;?`S8H$OCau8tv9*;M7OG)~Q`s?hs9ycykl$MqP
zdIay?yBF-U(hQ%%*C$mA7vJ1YUQuz!)4q0f#ag7!`xQEonaRn?Ot9P<FAQsHYSJiJ
zY>8gC!m6mKkjv$YX1XzXY3{8;rP9fC8g#K67715f4A<x7=SL?e*JWC`<8o~9RRA>7
z=|TQj7~r#JvaDF55VMr6?)od_goL0#@sfI6IX~G$mcPhd^4fs@_S@dJyH>1{k`n5C
ziA9HdYpF;i($D3HT%=vwiqd_<&()$(U;V^jxL@J%6K8_NB}QkykBwz(hbZhJ8muD_
zmKDWU(P*^p%}!DI27@gxL=sRVcKzHpfvFn5uCa(DBvJNn1n^Q*x>2yNuWz9%Wr0ot
z*IFd8m-kPoua`4rHIZnbAC=a)`jDEMn!rHv^Z<`=)Kt@Cp`Xn%NL399_z5bRrdfME
z_Kx@C%dSbY;ePF|_1hP^XnGP>n8JHlR>op7IUJ6YlaoB{rA&r75L{I-ywKYlFespK
z_gPu7nDWHea10PwJOv1FC6K-#V`F17tk)frzJ4828OD2p2@Q>okDtrJD<zdI&yvFy
z4b|1v0Gz2)yictZSF=(EnxAOm#swf2D{C&$-Q~G<8|CVfn*64j4&vodb;~jyDN?Yk
zV5x(>05s~7-d#x5FO4H$&+xq1xa(D-F-oY9ONWn*jg8p>1c-F1*s%qxeftPw&ob;B
z9d`}4r-_oX0DiuYh<FIN0_roC<r{w2VK}7*N7HFcckQYO<;IA`tYBqLmmBN)_3Ozq
z0xgrr<LQ^WXc8W2oXKLb0Kfeazj^iQY)?;*Cf$8?w7S1AKc6zCG-B*2ntz#HTU$#Y
z5R%`}$I~q;IJLFUO766pk2Y{mT83mJqyv@UM0OROWcPrgVzF4n!B!Sjtg%*x6ns27
zDyqCTb{MDA>5#ma+tAdx=gH{0d(VKHjH7>q`N-kL#8BVZ-f(tyM$}Nk#*4xyfMR2T
z{DI_k&v&4WBCqXiaRlN7;&)12{-MyFCUkOkR&u1c(6~bXveV*sW33iExCby(j)vS_
zCJQ>RgguS>N6gCa_YSD7o>`azvI0{;tkQTKh?8_RXM=@<8cgMkZK$G^MJb^2^LXvd
zFn)HUW6E7KpV|L?0%T!WzrbZK6AauO9nW37c+t+*)*sQMGy@~I1^p?w0&vVa?CF`i
zckhb(`$GYq9wEnG>YGF8$g@*h)$;j#M4>ayor9bcrpi4_{DP~(uD(e$udAz5lrY?w
zIe01$Nfr=Hvou}|;NLD49?};BvMXMd`XUmX_w&z)0OsZ9Rv@nN{JFPab*^2VvoI~=
zu#m6kSYw%OZEZ4PDg~HT@4W-T1f(?pFmBO@ocEz`w0Qx*3&gAgrfL*o&Q-NsR!5E&
z%>8~~Gu2OZACXgW@UZ(aAXR~>WXo#Oc&AK6gIB#=V+EQZ08vvDlk)rb?*o`u7CI+N
z5PuLYb;P3hsvKN$1?V1FY<8^PV;M-ca-=bh5hlqqbBzC0|BgX>9}Z|kn8I5iz!mv8
z_1Fx5Mi^>^E_$!}FJGPkloWRsIx8!=Lrf#L#c)6O%^`#XnJCxgW?vWTQahd+TGK$v
z&&xybivgCnTFQnef%cJSh6H6oLKK0(#9%N*OZK~vLiF~|H>*to@z|T1w>fz0{l{nP
zsTvmE^<9^_&n*7Zee*bwtel$N{>{!BmDRba)3labJJvTo8Ev+Mvb>?K^o@TV4w=w@
zNVA26{d!%HecO$!pY!rCcg{m0xX)^6J2zc}{d~94^BrQX+rEYl+T7+D>TYCB%*^25
zF9BNhbmYiwr#mJn6z<M-C<Fx>hHSa_1EvCTYLd~$hPf+17ET`GmV19<Xc&mc50ebR
z&6iRscS7B9TYqGbZfr$}ikiqxUq8~a+td^@@8==*_ju49)!S-8o4ONnZKj+~r!Oy#
zF<9M6Z))VIcLChDPZMWwsk4m+YR37EBm7YSc#RSd*8$nr1}I%McP9~HO%$zQHJ}Lt
zRUrT|L-RL5!Y_akY5F3I#SIM&ww3S;hK)HWJ&+IJ>&W7O#Kc6zC%n8`ZQVDRT#Ix7
z?gxy-?(kthDI3oQ3;@l^B8f;se)R2xN4G<;|G<8;zcp8XZ?)E6n}DJ7TVDlt`g6Yo
Q|05xvlcznZj)&j)6PzHsQ2+n{

literal 0
HcmV?d00001

diff --git a/core/src/components/action-sheet/test/basic/action-sheet-rendering.e2e.ts-snapshots/action-sheet-disabled-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/action-sheet/test/basic/action-sheet-rendering.e2e.ts-snapshots/action-sheet-disabled-ios-ltr-Mobile-Firefox-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..07807da2ac995e16a446169967f87a658cba08b3
GIT binary patch
literal 10091
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
Qhz^1Z3<;<?5OwK)09qac%>V!Z

literal 0
HcmV?d00001

diff --git a/core/src/components/action-sheet/test/basic/action-sheet-rendering.e2e.ts-snapshots/action-sheet-disabled-ios-ltr-Mobile-Safari-linux.png b/core/src/components/action-sheet/test/basic/action-sheet-rendering.e2e.ts-snapshots/action-sheet-disabled-ios-ltr-Mobile-Safari-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..c6c814ab8e024be0e5a8c16b38af4537430b6233
GIT binary patch
literal 4725
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

literal 0
HcmV?d00001

diff --git a/core/src/components/action-sheet/test/basic/action-sheet-rendering.e2e.ts-snapshots/action-sheet-disabled-md-ltr-Mobile-Chrome-linux.png b/core/src/components/action-sheet/test/basic/action-sheet-rendering.e2e.ts-snapshots/action-sheet-disabled-md-ltr-Mobile-Chrome-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..fc728f09af3375fe7f52b3d917283e8fd7fcc02d
GIT binary patch
literal 4203
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

literal 0
HcmV?d00001

diff --git a/core/src/components/action-sheet/test/basic/action-sheet-rendering.e2e.ts-snapshots/action-sheet-disabled-md-ltr-Mobile-Firefox-linux.png b/core/src/components/action-sheet/test/basic/action-sheet-rendering.e2e.ts-snapshots/action-sheet-disabled-md-ltr-Mobile-Firefox-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..065873b4478b17e00ce4d846fda6409809acf45c
GIT binary patch
literal 8791
zcmeHN>t9mY8U~`YPNra!WT^yL$I;}N7c^1mM2Sb!nwsn;+E|gAnmH;e0;Zj0)Qmc5
z7ZuM;iB7-FyW<Vb3s&ALx|mv|XlClr&b)vKXZat@xASFxTYLTXe%8C+^{)3>>wT7R
zzn_=U8uK*>1j5Lh$@l?*Knf8E)EmQ9podf5C_y0b2ye!&Lmbxh5IZA(c0e}l{{7*p
zrY&(D7X$Z~rCcl~6F$YSU!iGbnS5t^q?}^cpQJjY(i?@}Tx&`hf7+eVld$$2r{Gkn
zcd2s6WN!8APdO2TH4$R237#%Mq{O0Y($o0%hTtifjUo(-jZkPqll~F`bK!C-0*OL1
zT4^gl5B}=kI9o+`Zh?>JSpw$Eyn$aq@8gvW0>yC`z%fUPiruRBtX_UGoe_EFBKX!B
zMK}->mVw37@n$B%p>8yQ3qv!0{rGZ&HGr|lW9x3M2E)BHOlS0zZ2uR4IYB2~a5M$T
z#TXOe?Ssev17PX|%+WJjfeHJGc&xLe=I;RJ0#fw2#}^n~xR*`}^NTnDU`9~{*g)8W
za16qW1Wq$>qK26S=3;oW0B^V84J*8(hR-DMp$R^A!UuP_vH;g+;NlTneuE2`aD^4F
zQNu-aScdq&3ppv<2lb1h?B#kTB4rg)boP%53!oyE-4!tHR<kpK{$qq9JU@Th9mq(*
z-bm3AY%dN7K<1#ZG5j=+L>IJNLlMeJc@97Uason9+l^@^K(b!R_{rNf1Sm;oO-zLU
zwjC4!B%d|u?bpuBfRywMkH;DX)DQtu&UzD}^>8KzXi2;1B=gd9UI59?29Nb=-ADw*
zgH!?2>BQSB0O`mNbW%>5<KDkwXo``r-PE7zko@hr*G$yO+IMkx=H9Z!6a69C`MuPc
zZnd7p<*LVW<p=#eoC9ND{U}EoY%Uv(O6V+yW_enubE1B-ba3KL5_m@vuSkv`sE?hr
zU%Ea2E?)8Tmq!Nvxvazq`(%qYVAld4(_hBq&h${^m&{nM5ejLtMm;VbHyESowK13R
znO6L<8v#W#z3x#1;SZZ!+L<JmwC849fbZ&2n>Glocnc@%b(+Zlo~T);2~Yg=-^(A_
z8}xIv+Q6m^=G5<n3BV&$CxYb!2i_A1`;uc5#u&M}d)+P1rEl_y=U!I%As0TR81y#Z
zheDKZJLVO98m++<YB!Zs_U;THs5srFol)Mq3oH)RjAW2MvTZI~CVtZTjuxh_yUpie
zgvu-Kk%{B^@kI*0K6&To;@^rg?CZ~t-7B4CMQY{-qa<cQ+-Qwv@}b0Iekf+=bd|iw
zvDY<ZPZ&3UydWu3GkV>>$YZWQWT$%cx+I&X>+jm9bHd>FTbGrHaK=^fL(!c-KU!(l
zZQL48bZGt3vclMRTi*FrZ8Oy3Vfm~xb+&H2z&(pi1b&{c((4xcXf6de8X?&xIp_6-
zHY18}gG#!%S!hhtp5Hl=PW))_HHg0yd!?77`fxkE^j3DA3zkR)zpbanJhhQ@H~)G6
zp>(I-vr|v=v`m^Rck^Y7ljo`wyu}_eXuM^|v^Q=$Fw1VQK>xnd#TmOh4hXU_cv-4$
zfZ4b-H#nns9aT4$qek+%jdKIxa&ohF2h9|x3gyne3Ye+9+L44)B9o~tK}plqGnKz!
zgitU~zK_y_*=R*H_xDtfK6SiVEyB?#1-mkz*_|l>L#ii-ILa(J_(4h*rG#8JdTrwF
zb-&xqA3=mTzKeYmC>MEI+F)PtPuckw`UJ~~(Tmfy{t_`yQ!m0r#bwWLm-*~b9&H)E
zY$g3#*yP&AaoN!dfgtPa!^%=;(>reju-q&_u-lR;4|s|Y>WYog$Ec4VX0_+Xzjw3X
zYoVF0!x`C_9Cks%8Qr>KsNzMstcRkYHm|Q<`0{RFAm8<zkD$dVB8<cXBZpG)s;RM}
zXaQ6^|0al^e5GaK_!8%BD0LFow^^rKR82fGu*wsk&YZWAb@?fe%81$2uMb7Ip!oLC
z#zRh0qxc9?WW#igdMRtxQ|2gySWh`m!l-RWm$qPakHPZa3L@i3<5VRl^lTHQ)a(P%
zP&qE<>(uIf(~$4Uv=H>kMmr~zgQsi}10t@^-s3v1Z^z!u4P@&Fo*K?>ZK|>7O|kb-
z;^YH&Y9&TkL$jQ-rY|oL7S_BEC5vCRowerJCLtyb!oC>G4U%3ELixU`rup~UioTJC
z-wu0?EX^y#1w74!1)-cnJ_$)>`b7Vq8f`pSGIQwIk^}D?HFaZDu_8&;B>yhpgaalm
z&>36|z%Jhfu!!k)uodrke;r2_CMXB2HlxtT&@OgZ<<cd{vW2se&7FV7Ij8{(;by5+
z^VvfBE_SxI#h&nw_mwzf84*XsDpM9Jy6o@Bx_(qP+>tfsCx0%H^!5?ngB+qhU5v?r
zq^%rfA~(Nno%=am?_Gz=g+Gg+@a*hrG9^nf*=9_m^6yV^$fvjs)5oKlob^1jVGhVy
z<EljSsKRVjq&bZyZF>?=sn$L(+lEB#4sIiq&(XRZEWdRwA{YN`Q2p{P5kRq5DLsTB
z#zJ++wF`X-c`?0iwo$n3+&mU%_>!B6@?IenLnMK@;RBP8b}jfxAeDEffd=}(hdRvs
zfp6wPc+y;@;UE)WGNHAny7Ry!+Ug@aKJ$S$6FgW2=K7-|s3Mn*)qMf;PAJ<VI{T;s
z*n}Pc3^F|ercFQxWPr@^UvAwIFslNGq#&spq8WsiuO-U_Vrn9+$r#K91d<|PqK|mq
z0Idi>N^#MP%Xb?9zaY9KpjEh!P8zU}3<B8_jUr%z)rUZ<YIQneuw&W>kOrMjLfMIz
zuQ|8?o@@9c8StD5pe(`ILC|`(6_1TDt0e=|P)Lzs8Tb3YVx(@xJ=I{&3+no0aA5@D
Ny~mGH`p@8t{{z^1<4OPk

literal 0
HcmV?d00001

diff --git a/core/src/components/action-sheet/test/basic/action-sheet-rendering.e2e.ts-snapshots/action-sheet-disabled-md-ltr-Mobile-Safari-linux.png b/core/src/components/action-sheet/test/basic/action-sheet-rendering.e2e.ts-snapshots/action-sheet-disabled-md-ltr-Mobile-Safari-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..5c86e584a0a7a684ae6ddc097f68f7d3d175097a
GIT binary patch
literal 3619
zcmeH~{a4ag9LLF8TAs9(&GI2T%gk`cI<3Tq)aq!3rj)oWNUX78iYHPhC@5@sww6vk
z(=jbXnr7q-(W6F+K%H#Prx+^oq~Non;zKGTBJS1?`v>}M$It!Yd(P+H@4esq{=7b)
z`@Q!sg`eNC-C;Wf0@(q-5EKD{Z2AcTu_&^#03Ji{-_78$_3O~{L6G(L?U8_807lB;
zL1!XUi*<b}!XBwb%e)pBO5zEU+#lOl-M5lrw&d(^4JqZCE8PNC4%oUTN%HUh@uOGI
z*|4}znjUpUQxtXMHz{Q3Kr0+!YyO2L?*2ynP<ryHrsLT~<>Gvci#=pt2u*JRF^A=U
ze;|L$mS0^D{Or2vjO#Y5&*7(c!Y%Gz*tIigqiaKr4K_B?VWT)~)WeO_;eUT1#wq*y
zOtmt|oFn36{sDd?-RT@{FPzngV(fyENMvYeXiSXe<;&CM5ekR7m2p-SlulBo#m3@|
zBL#?DC!gcTkH0fjSlfHn)zuaIk!D0JopEW(+S=MBV^Q+<v&~Hx{ooOo?YKhYq_&%#
zU3wLTYNRaBtgSAKS%Dh0TJ5ds?-!6})zRpKbG(|@uJra%;QecUez@i6^%uvyy!3<j
zT)e10Y41j6p4k`}iktaVSa5@Bj6uK%(^tT-=;-J-voYLWnT()rYN)Qh#Fg<I8_%6P
z=YXADGB!6in@lF95{1W44Gi1>yXh@nB4;EdBv7fsNa#t-P)NCb0;N+d)-<Nz<Kimn
z>r+xwU$EJ1_pHv&&eqmeg+f6VsAV!<thi)-ZT}C2SkiMIpU=-OHJDdtS%D`50)*Ao
z$AA*PzKu0CiSt8m=yZCidlg2YG^`1h)qbgS19Xols!_}4RL-acXeeEsvD}Ys$?fdu
zxEL1ZAGiS1q$iKI(K9V=OZ+L%Yik#}%0qMZ&Ga=Suj+NL@7d<%=6b<k8a{~-HS=le
zHsaus3iqtBv9Y8E(-c<}K%0D(Y1xwN?3Zr1bJ>o`WMZ*c5ITCuX!HHu()fA~hvS~L
z+0v$uPnuN`M7rtegzHj`W?io$z-)j>Og~aM(|4&Ov#XN<vvu}e>_rpy1WUTR7l!i!
z-*$8q`y}Jy<0mI1WjUNGv)L?_O6{NTva0ig8*TNonm`yVigRVvX#7(;xw0_sC?b(a
zw6!H!40YvO&J~JrQEU8Qy<bV=Q>I?<cqAf`n3mQ6q@HSF(adSUQd1285cF>I+-uwR
z_V&uk%C)sM^g#xLvCf5AO_%n=yV}}91Q?Ck`Q`5tiA2RCAP|Tc5miuDhQ*6-rKhJS
zCMJT&fj6&v()5a0+KIHXBOV?es)D-4MwHzfX=M~IFCi{2u4#|(&Y{ynFk{*IysT2W
zh_-HRKHYHY#CuyDX)VxdwV{Qc8FQ~J0b9w*$!r8GfV_AMdliZ7b_r8I6@N)TQrI4R
z8OZXa=9>Bvl<wf-l0X}<FrOvfr0_9ZM0hwcB}J#=%|1YiOz+y+EUMD#3L1^ZYQ_Pv
zfIko*yu7QcOQ}@qt?~8B-ua=SA+><Q6SV>1C6f6z4{lF<J<SwK`C#=ZP9)TJ|0%gc
z!xGMNL^X(v5MXGAxj_Iy!C?drhXee_7=ly4A{CL1M4b}AULNs)!SJAmSlT$<x_w*C
zBWO5i9@wy4Ui9#xQZ9cgn?l=rdU|5`L=KO)%%2r9m`rCUr*s^FA};aI%*=${?vwZR
zO>4E+qNABbMc&^{`~$4D;P7ELHxwETvcM%E-5UlQ_qQ=aiA9f593sF!q9U>)l1!mk
zZrzGPp-NnOdwLc@s?e6CQNzQ-j*gBxoo@Usb82G3J!@!MQ45@4A@GU&_wG$yoRH{S
z9w6D_fZL-&Lun+G>76+AqXr|?EAgXAX=E}PhkFuH;pCGvk^@tN831T8Xf&g^_=~Jk
xK7Z9PKb)PN?Z*!rIE4SNDz0yXeDr-_ge7qsNyah!+rh050uK%ksych)?!UeO3<CfF

literal 0
HcmV?d00001

diff --git a/core/src/components/action-sheet/test/basic/action-sheet.spec.tsx b/core/src/components/action-sheet/test/basic/action-sheet.spec.tsx
index d35de2de0a..fce291525f 100644
--- a/core/src/components/action-sheet/test/basic/action-sheet.spec.tsx
+++ b/core/src/components/action-sheet/test/basic/action-sheet.spec.tsx
@@ -22,3 +22,40 @@ describe('action sheet: htmlAttributes inheritance', () => {
     await expect(actionSheet.getAttribute('data-testid')).toBe('basic-action-sheet');
   });
 });
+
+describe('action sheet: disabled buttons', () => {
+  it('regular button should be disabled', async () => {
+    const page = await newSpecPage({
+      components: [ActionSheet],
+      template: () => (
+        <ion-action-sheet buttons={[{ text: 'cancel', disabled: true }]} overlayIndex={1}></ion-action-sheet>
+      ),
+    });
+
+    const actionSheet = page.body.querySelector('ion-action-sheet')!;
+
+    await actionSheet.present();
+
+    const button = actionSheet.querySelector<HTMLButtonElement>('.action-sheet-button')!;
+    await expect(button.hasAttribute('disabled')).toBe(true);
+  });
+
+  it('cancel button should not be disabled', async () => {
+    const page = await newSpecPage({
+      components: [ActionSheet],
+      template: () => (
+        <ion-action-sheet
+          buttons={[{ text: 'cancel', role: 'cancel', disabled: true }]}
+          overlayIndex={1}
+        ></ion-action-sheet>
+      ),
+    });
+
+    const actionSheet = page.body.querySelector('ion-action-sheet')!;
+
+    await actionSheet.present();
+
+    const cancelButton = actionSheet.querySelector<HTMLButtonElement>('.action-sheet-cancel')!;
+    await expect(cancelButton.hasAttribute('disabled')).toBe(false);
+  });
+});
diff --git a/core/src/utils/gesture/button-active.ts b/core/src/utils/gesture/button-active.ts
index 34755a3cf8..0ee930752d 100644
--- a/core/src/utils/gesture/button-active.ts
+++ b/core/src/utils/gesture/button-active.ts
@@ -14,7 +14,7 @@ export const createButtonActiveGesture = (el: HTMLElement, isButton: (refEl: HTM
       return;
     }
     const target = document.elementFromPoint(x, y) as HTMLElement | null;
-    if (!target || !isButton(target)) {
+    if (!target || !isButton(target) || (target as HTMLButtonElement).disabled) {
       clearActiveButton();
       return;
     }