jbaysolutions/vue-grid-layout

Nice to have: help for resizing

Open

#199 opened on Jul 15, 2018

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

Description

If we want to resize by full column width steps, not just a fraction of width, we either need a snap feature or (more versatile) a popup tip displaying the width of what we are resizing. This is mostly useful for design process, not end user.

Contributor guide

Tech stack
javascriptvue
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.
half day
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.
mostly clear
Prerequisites
Vue.jsCSS resizing basics
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
40
Research direction
First, examine the resize logic in the GridItem component to understand how current width is calculated. Then, explore adding a snap to grid option or a popup that displays the width value during resize. Look for existing tooltip components in the project or consider using a simple CSS tooltip. Finally, test the feature across different grid configurations.