fix: improve board grid interactions

This commit is contained in:
ajnart committed 2026-08-01 00:43:36 +02:00
1 parent e6e413bcb7
commit 9c8fa8158b
13 files changed
+223 -36

No files matched your search

@@ -219,8 +219,9 @@ Press and hold the handle, move the pointer, and release it when the tile has th
![](./img/resize-item.gif)
To move a tile in edit mode, press and hold anywhere on the tile except one of its buttons or controls, move it to the desired position, and release it.
The tile snaps to the grid and neighboring tiles move out of the way automatically.
To move a tile in edit mode, press and hold its content, move it to the desired position, and release it.
Widget content is disabled while editing so its controls do not intercept the drag; use the tile's settings button for edit actions.
The tile snaps to the grid. Equally-sized tiles swap when one is dropped into the other's slot, while other neighboring tiles move out of the way automatically.
![](./img/move-item.gif)
+4 -2
View File
@@ -142,8 +142,10 @@ Once the minimum of the next layout is reached, the layout will change.
View mode renders a static board without executing the drag-and-drop editor.
After the board is interactive, Homarr prepares the editor in the background for users who can modify it.
Entering edit mode keeps the static board visible until that preparation finishes, then enables collision-aware movement and resizing without changing the board geometry.
Drag from anywhere on a tile except its buttons or controls.
When a tile grows or moves into occupied space, nearby tiles are compacted out of the way.
Widget content is inert in edit mode, so dragging anywhere on the content moves the tile instead of activating the widget; the tile's settings button remains available.
Dropping a tile into the exact slot of an equally-sized tile swaps their positions.
For other collisions, or when a tile grows into occupied space, nearby tiles are compacted out of the way.
Resize handles stop at the tile's minimum allowed size while the pointer is still moving.
Exit edit mode to save the resulting positions.
Keyboard users can focus a tile, press Enter or Space, then use arrow keys to move and Shift plus arrow keys to resize.