제목이 이상해서 죄송합니다! 어떻게 제목을 지어야 할지 모르겠네요!
커스텀 섹션 추가 인터페이스의 필드 중 하나에 텍스트가 있을 경우, 해당 텍스트를 선택할 수 없습니다. 뿐만 아니라, 텍스트 내부 어디에도 커서를 위치시킬 수 없습니다.
저는 Windows 11과 FF 152를 사용 중입니다.
맥북, 리눅스, 아이패드, 아이폰에서 내 포럼이나 메타에서 이 문제를 재현할 수 없어요. 최신 업데이트된 디스코urs 버전에서 커스텀 사이드바 섹션 필드는 제 환경에서 정상적으로 작동하고 있습니다. 세이프 모드로 시도해 보시겠어요?
2개의 좋아요
안전 모드를 잊고 있었습니다. 감사합니다.
불행히도 안전 모드에서도 동일한 문제가 발생합니다.
다만, 제가 “고스트” 이미지로 보고 있는 것이 항목을 재배열하기 위한 인터페이스라는 것은 알게 되었습니다. 저는 항상 텍스트 줄을 선택하려고 했기 때문에, 실제로는 항목을 새 위치로 드래그하기를 기대하고 있다는 점을 눈치채지 못했습니다. 설명이 잘 전달되나요?
방금 크롬에서 시도해 보았지만, 크롬에서는 해당 문제가 발생하지 않습니다.
여기 메타에서 파이어폭스를 사용했는데 동일한 문제가 있습니다:
실제 드래그 핸들을 클릭했을 때와 동일한 점선 박스가 포함된 화살표로 포인터가 변하는 것을 볼 수 있습니다.
아마도 윈도우에서 파이어폭스를 사용하는 문제일 수 있습니다. 어떤 브라우저나 기기를 사용하든 상관없이 여전히 예상대로 작동하거든요. 저는 윈도우를 전혀 사용하지 않으니까요.
네, 핸들의 부모 요소인 sidebar-section-form-link row-wrapper, 즉 전체 행에 -webkit-user-drag: none;이 적용되어 있고, 실제 핸들에는 -webkit-user-drag: element;이 적용되어 있다는 것을 확인할 수 있습니다.
물론 Windows의 FF에서는 webkit가 지원되지 않습니다.
철저한 조사 감사합니다! 근본 원인을 정확히 파악하셨네요. 버그의 원인은 draggable="true"가 전체 행 래퍼에 설정되어 있는 것이며, 핸들 이외의 요소에서 드래그 동작을 억제하는 데 사용되는 CSS 속성(-webkit-user-drag: none)이 실제로 파이어폭스가 지원하지 않는 속성이라는 점입니다. 파이어폭스는 “정상적으로” 전체 행을 드래그 가능하다고 취급하여, 텍스트 필드에서의 클릭을 가로채고 있습니다.
수정 사항:
1개의 좋아요
감사합니다!! 디스코urses 개발자들이 여기서 이렇게 활발하게 활동하는 건 정말 멋지네요.
1개의 좋아요