josdejong/svelte-jsoneditor

Table mode: columns resizing due to flex display

Open

#421 aperta il 28 mar 2024

Vedi su GitHub
 (11 commenti) (0 reazioni) (0 assegnatari)TypeScript (149 fork)github user discovery
enhancementhelp wanted

Metriche repository

Star
 (1237 star)
Metriche merge PR
 (Metriche PR in attesa)

Descrizione

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!

Guida contributor

Direzione di ricerca
Indaga il ridimensionamento delle colonne causato dal display flex in modalità tabella. Considera l'uso di CSS grid o larghezze fisse per prevenire il ridimensionamento. Affronta anche l'errore del ciclo ResizeObserver assicurandoti che gli elementi siano dimensionati correttamente prima che l'osservatore venga attivato.
Tech stack
typescriptsvelte
Dominio
frontend
Tipo issue
Bug
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
3
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
1-3 ore
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Attiva
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
CSSFlexboxSvelte
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
70