UX: Dialogs should animate from trigger button position #1

New issue

Closed

opened 2026-04-07 03:47:15 +00:00 by Mark · 0 comments

Mark commented

2026-04-07 03:47:15 +00:00

Owner

Description

Currently, dialogs animate with a centered zoom-in effect. It would provide better UX if dialogs animated from the position of the button/trigger that opened them.

Expected behavior

When a user clicks a button that opens a dialog, the dialog should animate/grow from that button's position rather than from the center of the screen.

Suggested implementation

Track the click coordinates when the trigger is activated
Pass the position to the Dialog component
Apply dynamic transform-origin based on the trigger button's screen position

Priority

Low - nice to have

**Description** Currently, dialogs animate with a centered zoom-in effect. It would provide better UX if dialogs animated from the position of the button/trigger that opened them. **Expected behavior** When a user clicks a button that opens a dialog, the dialog should animate/grow from that button's position rather than from the center of the screen. **Suggested implementation** 1. Track the click coordinates when the trigger is activated 2. Pass the position to the Dialog component 3. Apply dynamic `transform-origin` based on the trigger button's screen position **Priority** Low - nice to have