[Dialog] Add resizing and dragging to the component

geospatialem commented 3 months ago

Check existing issues

[X] I have checked for existing issues to avoid duplicates

Description

Add resizing and dragging to the new dialog component.

Acceptance Criteria

Figma file

[x] The component is resizable via mouse and keyboard
[x] The component is draggable via mouse and keyboard

Relevant Info

Follow-up to https://github.com/Esri/calcite-design-system/issues/7886

Which Component

dialog

Example Use Case

https://codepen.io/geospatialem/pen/rNEjemQ

Priority impact

impact - p1 - need for current milestone

Calcite package

[X] @esri/calcite-components
[ ] @esri/calcite-components-angular
[ ] @esri/calcite-components-react
[ ] @esri/calcite-design-tokens
[ ] @esri/eslint-plugin-calcite-components

Esri team

Calcite (dev)

github-actions[bot] commented 2 months ago

Installed and assigned for verification.

geospatialem commented 2 months ago

Verified on the dev branch for drag-enabled and resizable with the following key combinations:

resizable: shift + arrow keys
drag-enabled: arrow keys

~Note: There is no support at this time for either of the above when assistive technologies are active, and Calcite is exploring options with our accessibility vendor to determine next steps, if any, to achieve support.~

Updated note: The above is achievable when in forms mode. Documentation will be provided on the Dialog component page by the close of the week.

Esri / calcite-design-system