jbaysolutions/vue-grid-layout

is it possible to supply a grid prop ?

Open

#142 opened on Jan 16, 2018

View on GitHub
 (1 comment) (0 reactions) (0 assignees)JavaScript (6,777 stars) (1,436 forks)batch import
enhancementhelp wanted

Description

Is it possible to supply a grid prop that looks like this grid=[10, 10] so that the element gets dragged/resized according to the grid's values. If it's still not clear please refer to jquery-ui/resizable/grid.

I'm trying to build something like a dynamic tile builder. Dynamic Tile Builder.

Is it possible to acheive ?

Contributor guide

Tech stack
vuejavascript
Domain
frontend
Issue type
feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-2 days
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
needs investigation
Prerequisites
Vue.jsdrag and resizegrid snapping
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
40
Research direction
Review the current drag/resize implementation in the component's source code (likely in mixins or methods). Look for existing snap functionality or how dimensions are updated. The user requests a grid prop like [10,10] for snapping. Investigate how jQuery UI's resizable grid works and adapt the logic to Vue's reactive system. Consider adding a new prop and modifying the resize handler to round positions to the nearest grid interval. Ensure compatibility with the existing layout logic.