View Code? Open in Web Editor
NEW
LimberGridView, a powerful JavaScript Library using Computational Geometry to render movable, resizable, and auto-arranging grids. Written in vanilla JavaScript, it can be plugged into most frameworks, plus it has a plugin for React applications. It gives users the most optimal arrangements using its highly efficient and fine-tuned algorithm.
Home Page: https://sharma-subendra-kr.github.io/LimberGridView/
License: Other
HTML 2.41%
CSS 3.44%
JavaScript 92.13%
Shell 1.05%
SCSS 0.98%
limbergridview's People
Contributors
Watchers
limbergridview's Issues
remove display none for pseudo Items and where ever possible and replace it with other solutions
add Undo redo. addition or deletion should cause the queue to be empty i.e all undo redo history should vanish.
option to latch or not to latch on the overlapping item on move
automatic scrolling on add not working for mobile mode
Seriously need a resize tool on the left bottom
show width and height while resizing and creating
currently move latch only latches left and right, Latch top and bottom for move is a good to have
reinitialize all events before throw
Margin calculation error on moving or resizing
Fix unexpected behavior while moving/resizing items due to floating point errors.
if there are only 2 affected items then algo should try to fit in the closest opposite original position
Limit height of an item to height of container
decrease speed for auto scroll
decrease height to activate auto scroll
by default pseudo elements are rendered in body
Investigate memory leaks in all the stacks i.e. stack, garbageStack, resStack, itemsToArrangeStack
unlike stacks and queues in intervalTree, memory leak is not investigated in case of all other stacks
Default output to 1920x1080 width and height
Width and height increments in a defined number for item size consistency
AddItem is broken/incomplete
Build latch on adjacent item's top y axis line
resize only latches on y axis right now. Latch on x axis for resize is a good to have
Include Intersection Observer
Fix adding at disallowed places using drag
Explore the possibility of "pull up" in arrangeMove after all arrangements are done to avoid excessive free area after arrangements
Implement Destroy to remove event handlers
Write seperate arrange function to arrange on auto arrange on load or invalid data
findOverlapped doens't seem to remove all the complete overlapping rects
auto scroll feature for mouse actions, drag and scroll doesnt work in windows
measure time after integrating optimized interval tree
when an item is downsized then randomly rearrange every item on or below the top y line of the resized item but not items which are lying above
option to or not to animate moved item
Shrink up to certain percentage when arranging might enhance user experience.
Say shrink up to 15% or maybe configured by user or programmer up to 50%
pulls items in -ve height
pulls items up when rect is drawn between top and bottom of some rect
Final arrangements are overlapping
custom functions to detect where mousedown should occur for resize and move
Optimize Demo to arrange limited number of items
call renderContent of all the items whose indices are affected
It seems items on the edge are disappearing when container is resized
Margin can't be less than 3 for a data rendered in smaller screen size
Infinite loop encountered in arrangeResize