nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Make calcite-dialog swipeable

ForrestLin

Is it possible to make calcite-dialog swipeable:

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

Find more posts tagged with

Already Offered

Status: Already Offered

Comments

ForrestLin

@KittyHurley

Thank you!

Forrest

KittyHurley

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.

ForrestLin

@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

KittyHurley

@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.