Flows
Components
PATTTTERNS - An open catalog of design patterns | Product Hunt

Made with 💙 by Pablo Armenv2.1.19

/
/
Home
/Patterns
/343. Modal/Dialog Drag & Drop to Fixed Position

Modal/Dialog Drag & Drop to Fixed Position

 DesktopAccessibilityPathfindingAwareness

Generated Description

Users can drag a modal dialog to a fixed side panel, allowing them to view and interact with underlying content without losing context.

View more...

Pattern Metadata

Released: Jul 5, 2022

Updated: May 28, 2026

Version: 2.1.19

Was this useful?

Export components

BETA

This pattern is ready to use on your codebase.

Sign in to preview and download component code for 343. Modal/Dialog Drag & Drop to Fixed Position.

Device (Tabs)
Desktop
System (OS)
Web
Language (i18n)
Español
Description
Users can drag a modal dialog to a fixed side panel, allowing them to view and interact with underlying content without losing context.
VotesUp
VotesDown
Pattern ID
343
UX Flows
Accessibility
Pathfinding
Awareness
UI Components
Drag & Drop Gesture
Modal
Side Panel
Alert Dialog
Version
2.1.19

Google Calendar

notion image
 

Related patterns

  • 63. Window Maximize Options (on Right Click)
  • 199. Sidebar Emptystate
  • 221. Stacked Action Button
  • 227. Secondary Sidebar Toggle (Mouse)
  • 228. Open in New Window (Doble Click)
  • 262. Bottom Fixed Modal Blackout
  • 369. Fixed Form with Steps
  • 402. Transition: Zoom-to-Dock for Minimize
 

Still searching?

Tell us what's missing, and we'll help you find it.

Send feedback