palantir/blueprint

Default overlay leave transition does not fade content nicely

Open

#4923 aperta il 21 set 2021

Vedi su GitHub
 (0 commenti) (1 reazione) (0 assegnatari)TypeScript (2167 fork)batch import
P3Package: coreType: enhancementhelp wanted

Metriche repository

Star
 (20.263 star)
Metriche merge PR
 (Merge medio 43g 10h) (27 PR mergiate in 30 g)

Descrizione

Environment

  • Package version(s): 3.49.1

Code Sandbox

Link to a minimal repro https://codesandbox.io/s/blueprint-overlay-ktx4f?file=/src/index.tsx

Steps to reproduce

  1. Open overlay with button
  2. click outside overlay to close it
  3. the backdrop fades but the card hangs for a second and then disappears in a very clunky transition

Expected behavior

The default transition should match the fade of the backdrop so that it looks nice. The docs use a custom transition. It would be nice to cleanup the default transition and use that instead.

Possible solution

Guida contributor

Direzione di ricerca
Esamina le classi di transizione CSS del componente Overlay per la transizione di uscita predefinita, confrontale con lo sfondo sbiadito e regola i tempi o le proprietà della transizione della carta.
Tech stack
typescriptreact
Dominio
frontend
Tipo issue
Bug
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
2
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 transitions
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
70