gridstack.js Files

2 BIG changes - new mode?: 'top' | 'float' | 'list' | 'compact' replacing old float:boolean, and cellHeight:'fill' to make rows take entire fixed size grid.

• feat: #754, #2866 new mode?: 'top' | 'float' | 'list' | 'compact' - items are continuously re-flowed in sequential (row-major) order, like a re-orderable list: dragging, resizing, adding or removing an item re-flows everyone else instead of pushing them down, and dropping an item on another takes its place. See new list.html (gridstackjs.com) demo.
• feat: #2583, #787 new cellHeight: 'fill' - rows divide the container height. See new 'fill' option cell-height.html (gridstackjs.com) demo.
• feat: #2627, #2761 emit dragstart/drag/dragstop on sidebar drag-in items
• fix: #3012, #3179 prevent crash when calling update() during change event
• fix: #3226 don't reveal other widgets' resize handles during a resize - thank you dvd233
• fix: #3148 find drag handles inside open shadow roots. See title_drag.html (gridstackjs.com).
• fix: #3188 release the global touch latch when a widget is destroyed mid-touch
• fix: #2953 API update() honors maxRow like dragging does
• fix: #2976 (react, vue): render a drag-in widget that has a component but no id
• fix: #2703 allow dragging from elements nested inside a button/input handle
• fix: #2974 (react, vue): re-render item content after an interactive drag/resize