Constrain Movement

The draggable-containment prop defines the selector of an element in which the window will be able to move. The element must have sufficient dimensions to contain the window. Accepts a selector. The Window element is appended to the containment element. Thus, the appendTo setting gets overridden.

The draggable-axis prop constrains the dragging to horizontal (x) or vertical (y) axis. Accepts two possible values: "x", "y".

The draggable-dragHandle prop restricts dragging of the window from the specified element. It should be part of the window element. Accepts a selector.

Example
View Source
Edit In Stackblitz  
Change Theme:

In this article

Not finding the help you need?