밝을희 클태

이미지처럼 drawer 위에 toast를 띄우는 상황이 있는데 사용자가 toast를 스와이프 해서 없애는 동작이 전혀 되지 않는 상황이 있다. 원인drawer 내부에는 overlay라는 컴포넌트가 존재한다.이 overlay는 단순히 배경을 어둡게 처리하는 역할만 하는 게 아니라,drawer 외부의 모든 사용자 상호작용을 차단하는 역할을 한다.그렇다면 왜 overlay는 drawer 외부의 동작까지 막고 있을까? 이는 drawer가 Radix UI의 Dialog 컴포넌트를 기반으로 만들어졌기 때문이다.Radix의 Dialog는 모달 UI의 접근성과 정확한 동작을 보장하기 위해, 다음과 같은 기능들을 제공한다:배경 어둡게 처리 (dimmed background)포커스 트랩 (Focus Trap)외부 클릭 시..