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
Margin can't be less than 3 for a data rendered in smaller screen size
measure time after integrating optimized interval tree
pulls items in -ve height
pulls items up when rect is drawn between top and bottom of some rect
Final arrangements are overlapping
remove display none for pseudo Items and where ever possible and replace it with other solutions
Include Intersection Observer
if there are only 2 affected items then algo should try to fit in the closest opposite original position
decrease speed for auto scroll
decrease height to activate auto scroll
Limit height of an item to height of container
Optimize Demo to arrange limited number of items
Explore the possibility of "pull up" in arrangeMove after all arrangements are done to avoid excessive free area after arrangements
Default output to 1920x1080 width and height
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
currently move latch only latches left and right, Latch top and bottom for move is a good to have
Width and height increments in a defined number for item size consistency
custom functions to detect where mousedown should occur for resize and move
Fix unexpected behavior while moving/resizing items due to floating point errors.
Margin calculation error on moving or resizing
It seems items on the edge are disappearing when container is resized
resize only latches on y axis right now. Latch on x axis for resize is a good to have
option to or not to animate moved item
show width and height while resizing and creating
add Undo redo. addition or deletion should cause the queue to be empty i.e all undo redo history should vanish.
Seriously need a resize tool on the left bottom
auto scroll feature for mouse actions, drag and scroll doesnt work in windows
Implement Destroy to remove event handlers
Build latch on adjacent item's top y axis line
option to latch or not to latch on the overlapping item on move
reinitialize all events before throw
Write seperate arrange function to arrange on auto arrange on load or invalid data
automatic scrolling on add not working for mobile mode
Infinite loop encountered in arrangeResize
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%
findOverlapped doens't seem to remove all the complete overlapping rects
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
Fix adding at disallowed places using drag
call renderContent of all the items whose indices are affected
by default pseudo elements are rendered in body
AddItem is broken/incomplete