닫을 수 없는 모달도 아래로 스와이프하면 닫을 수 있습니다

안녕하세요 :waving_hand:

모달이 @dimissable={{false}}로 설정되어 있으면 모바일에서 아래로 스와이프 제스처로 닫을 수 있다는 것을 확인했습니다.

감사합니다 :slightly_smiling_face:

1개의 좋아요

네, 알아요. 이게 어떤 문제를 일으키나요? 고치고 싶지 않은 건 아니지만, 정확히 어떤 상황에서 문제가 되는지 이해하고 싶어요.

그리고 아래로 스와이프하는 동작은 배경(backdrop)과 헤더에서만 작동하고, 모달 전체에서는 작동하지 않아요.

2개의 좋아요

문제를 일으키는지는 확신이 서지 않습니다. :thinking: dismissable이 아닌 모달의 기능 때문에 보고한 것입니다. 하지만 아마도 Cancel 버튼을 클릭하는 것과 동일한 상황일 것입니다. 모달의 목적이 콘텐츠 차단 또는 사용자가 옵션 중 하나를 선택하도록 강제하는 것이며, 푸터에 Cancel 버튼이 없는 경우 문제가 발생할 수 있습니다. 코어에서 이 문제로 영향을 받는 모달은 없다고 생각합니다. 하지만 커스텀 모달에는 영향을 줄 수 있습니다. 예를 들어 Guest Gate Theme Component에는 모달을 dismissable=false로 만드는 설정이 있으며, 이 설정의 주요 목적은 콘텐츠 차단에 있습니다. 그런데 이제 아래로 스와이프하면 쉽게 우회할 수 있게 되었습니다.

하지만 touch-action: none으로 쉽게 수정할 수 있지 않을까요? :thinking: 아직 확인해 보지 않았습니다…

3개의 좋아요

네, 알겠습니다. 그럴 만한 이유가 있는 것 같네요. 다음 주에 dismissable 값을 올바르게 따르도록 수정을 push하겠습니다. :+1: 예시를 보여줘서 감사합니다, don.

1개의 좋아요

다음에서 처리되어야 합니다:

감사합니다

1개의 좋아요