Default overlay leave transition does not fade content nicely · palantir/blueprint#4923

(0 留言) (1 反應) (0 負責人)TypeScript (20,263 star) (2,167 fork)batch import

P3Package: coreType: enhancementhelp wanted

描述

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

Open overlay with button
click outside overlay to close it
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

貢獻者指南

技術棧: typescriptreactcss
領域: frontend
議題類型: bug
難度: 3
預計時間: 1-3 hours
活動狀態: stale
清晰度: mostly clear
前置要求: React basicsCSS transitions
新手友善度: 60
研究方向: Examine the Overlay component in the Blueprint source code, likely in packages/core/src/components/overlay. The default transition classes (e.g., pt overlay enter, pt overlay leave) need to be adjusted to match the fade timing of the backdrop. Check the transition definitions in the CSS files. The docs mention a custom transition; consider aligning the default with that.