adobe/react-spectrum

ResizableTableContainer: Column resize to infinite width when wrapped with display: flex

Open

#5412 aperta il 13 nov 2023

Vedi su GitHub
 (6 commenti) (1 reazione) (0 assegnatari)TypeScript (1500 fork)auto 404
bughas workaroundhelp wanted

Metriche repository

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

Descrizione

Provide a general summary of the issue here

When rendering a ResizableTableContainer which for parent has an element with style display: flex, the columns are expanding in size infinitely if they're not bounded (not using maxWidth).

🤔 Expected Behavior?

Columns most likely should not have this behavior

😯 Current Behavior

Columns are expanding in width infinitely

💁 Possible Solution

workaround: use div with display: block

🔦 Context

Obviously I don't think this is a blocker, but it's something I got surprised by when trying to use ResizableTableContainer.

🖥️ Steps to Reproduce

https://codesandbox.io/s/interesting-curran-lsx537?file=/src/App.js

Version

1.0.0-rc.0

What browsers are you seeing the problem on?

Firefox, Chrome, Safari, Microsoft Edge

If other, please specify.

No response

What operating system are you using?

MacOS Sonoma

🧢 Your Company/Team

No response

🕷 Tracking Issue

No response

Guida contributor

Direzione di ricerca
Indaga come ResizableTableContainer interagisce con i contenitori flex. Esamina il CSS e la logica del componente per garantire che le colonne non si espandano all'infinito quando il genitore ha display: flex. Considera l'aggiunta di proprietà min width o overflow.
Tech stack
typescriptreact
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
ReactCSS flexbox
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
60