josdejong/svelte-jsoneditor

Table mode: columns resizing due to flex display

Open

#421 ouverte le 28 mars 2024

Voir sur GitHub
 (11 commentaires) (0 réactions) (0 assignés)TypeScript (149 forks)github user discovery
enhancementhelp wanted

Métriques du dépôt

Stars
 (1 237 stars)
Métriques de merge PR
 (Métriques PR en attente)

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!

Guide contributeur

Direction de recherche
Examinez le redimensionnement des colonnes causé par l'affichage flex en mode tableau. Envisagez d'utiliser CSS grid ou des largeurs de colonnes fixes pour éviter le redimensionnement. Gérez également l'erreur de boucle ResizeObserver en vous assurant que les éléments sont correctement dimensionnés avant le déclenchement de l'observateur.
Stack technique
typescriptsvelte
Domaine
frontend
Type d'issue
Bug
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
3
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
1-3 heures
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
Active
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
Claire
Prérequis
CSSFlexboxSvelte
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
70