josdejong/svelte-jsoneditor

Table mode: columns resizing due to flex display

Open

#421 aberto em 28 de mar. de 2024

Ver no GitHub
 (11 comments) (0 reactions) (0 assignees)TypeScript (149 forks)github user discovery
enhancementhelp wanted

Métricas do repositório

Stars
 (1.237 stars)
Métricas de merge de PR
 (Métricas PR pendentes)

Description

During table mode, I've noticed if the amount of data in a column varies a lot in size, the table columns will resize as you scroll up/down making it difficult to follow the table and contents.

I've hacked this with .jse-modal-contents{ display: block !important; } which works, but it causes an error in development:

ResizeObserver loop completed with undelivered notifications.
    at handleError (webpack-internal:///./node_modules/webpack-dev-server/client/overlay.js:252:58)
    at eval (webpack-internal:///./node_modules/webpack-dev-server/client/overlay.js:271:7)

I would appreciate any pointers to best resolve this!

Guia do colaborador

Direção de pesquisa
Investigue o redimensionamento das colunas causado pelo display flex no modo tabela. Considere usar CSS grid ou larguras fixas para evitar o redimensionamento. Além disso, aborde o erro do loop ResizeObserver garantindo que os elementos sejam dimensionados corretamente antes do observador ser acionado.
Pilha de tecnologia
typescriptsvelte
Domain
frontend
Tipo Issue
Bug
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
3
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
1-3 horas
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
Ativo
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
Claro
Prerequisites
CSSFlexboxSvelte
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
70