jbaysolutions/vue-grid-layout

Prevent resizing outside the parent

Open

#547 aberto em 21 de jan. de 2021

Ver no GitHub
 (3 comments) (0 reactions) (0 assignees)JavaScript (6.777 stars) (1.436 forks)batch import
enhancementhelp wanted

Description

An option to prevent resizing outside the parent would benefit especially for the case of preserving the aspect ratio. Currently when you resize outside the parent, the aspect ratio is completely lost.

The solution for this is simple, interact.js providing an option for this case: interact.modifiers.restrict({ restriction: 'parent' })

I can create a merge request myself.

Guia do colaborador

Pilha de tecnologia
javascriptvue
Domain
frontend
Tipo Issue
feature
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
2
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
1-3 hours
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
stale
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
clear
Prerequisites
Vue.jsinteract.jsgrid layout resizing
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
70
Direção de pesquisa
The issue requests adding an option to restrict resizing within the parent container to preserve aspect ratio. The proposed solution uses interact.js's `restrict` modifier. A contributor should implement this by adding a new prop (e.g., `restrictToParent`) and applying the modifier when resizing. The relevant code is likely in the resize handler of the grid item components, such as in `gridItem.js` or similar files. The issue is clear and the solution is well defined, making it a good candidate for a first time contributor.