calcite-dialog - add method to "reset" it back to its original position relative to reference before dragging

[ethanbdev]

Check existing issues

• I have checked for existing issues to avoid duplicates

Description

We have some ui interactions where we want to reposition the draggable dialog, basically removing the transform that is applied in the shadow root of the component. There isn't a semantic way to do this, and to workaround we basically toggle the dragEnabled property. Doing this resets the dialog bad to its original position relative to its reference element.

This comes up because the reference element is also movable, and it leads to some unexpected looking ui when the dialog is re-opened. It might be nice to have a semantic way to reset the resize as well.

Acceptance Criteria

A semantic way to remove the transfrom applied from dragging and reset the dialog relative to its reference. It would go back to honoring the css x / y custom properties.

Relevant Info

No response

Which Component

calcite-dialog

Example Use Case

await dialogElement.resetTransform() or something like that

Priority impact

impact - p3 - not time sensitive

Calcite package

• @esri/calcite-components
• @esri/calcite-components-react
• @esri/calcite-design-tokens
• @esri/eslint-plugin-calcite-components

Esri team

ArcGIS Web Analysis