DMenu가 모달에서 작동하나요?

개발
1

DMenu와 DropdownMenu 안에 중첩된 검색 TextField가 Modal에서는 동작하지 않는 것 같습니다.

프로필 설정 같은 일반 페이지에서는 정상적으로 작동하지만, Modal에 배치하면 TextField가 입력에 반응하지 않습니다.

이것이 DMenu가 포털(portal)을 사용하고 있으며, Modal div와의 관계에 문제가 있기 때문일까요?

예시 코드:

간단히 말하면, 검색 액션에 디버거 문장을 배치하면, Modal 안에 있을 때 검색 함수에 절대 도달하지 않는 것을 확인할 수 있습니다. 반면 “일반” 페이지(Modal 외부)에서는 이벤트가 올바르게 발생하고 검색이 시작됩니다.

이벤트 훅을 제거해도 여전히 입력이 불가능합니다.

이 컴포넌트에서 TextField를 DMenu 밖에(여전히 Modal에서 접근하는 경우) 배치하면, 입력이 정상적으로 동작합니다.

무엇을 놓치고 있는 것이며, 왜 동작이 달라지는 것일까요?

2

네, 맞을 것 같습니다. 포털이 모달 밖에 위치해 있고, 포커스 관리가 간섭을 일으키고 있을 수 있습니다(모달은 포커스를 캡처하니까요)… DMenu에 @inline={{true}}를 추가하면 해결되나요? 그렇게 하면 메뉴가 모달 안에 직접 배치됩니다.

3

응답이 늦어서 죄송합니다. 그리고 의견을 남겨 주셔서 감사합니다. 말씀하신 방법을 시도해 보았지만, DMenu에서 지원되는지 확실하지 않습니다 :thinking: ?

결국 해당 기능을 구현하기 위해 다소 난감한 오버라이드를 만들어 사용하게 되었습니다 (해당 코드를 제거할 수 있다면 정말 기쁠 것입니다).