idea Make calcite-dialog swipeable in Calcite Design System Ideas

Make calcite-dialog swipeable

ForrestLin — Sat, 14 Sep 2024 00:48:17 GMT

Is it possible to make calcite-dialog swipeable:

https://www.npmjs.com/package/ngx-swipeable-panel?activeTab=readme#ngx-swipeable-panel

Re: Make calcite-dialog swipeable - Status changed to: Already Offered

KittyHurley — Mon, 16 Sep 2024 15:41:35 GMT

@ForrestLin Thanks for submitting! Calcite strives to support accessibility and more audiences, and swipe actions limit individuals by not supporting WCAG Success Criterion 2.1.1: Keyboard (Level A).

Instead it is recommended more users have the capability to perform functionality via a button or floating action button instead, such as https://codepen.io/geospatialem/pen/GRbaarb. The functionality is also currently provided with the component's close button.

Re: Make calcite-dialog swipeable

ForrestLin — Mon, 16 Sep 2024 18:48:55 GMT

@KittyHurley

What I need is "Swipeable Window/Dialog" (or "Bottom Sheet") like widget window/dialog in ArcGIS Experience Builder when open in mobile/phone devices.

https://experience.arcgis.com/experience/42818c03ae384edc91ab658faf2664e0

https://ui.gorhom.dev/components/bottom-sheet/modal

Here has more detail:

https://community.esri.com/t5/calcite-design-system-ideas/make-calcite-dialog-responsive/idi-p/1538047/jump-to/first-unread-message

Re: Make calcite-dialog swipeable

KittyHurley — Fri, 20 Sep 2024 21:09:59 GMT

With regards to the above's "Already offered" status, the ability to swipe a component is also "Under Consideration" for future implementations using Sheet, where when resizing is provided on the component and in a non-modal state, swiping could also be offered via https://github.com/Esri/calcite-design-system/issues/10364.

Re: Make calcite-dialog swipeable

ForrestLin — Mon, 23 Sep 2024 14:55:03 GMT

@KittyHurley

Thank you!

Forrest