모바일 보기 에디터의 설정 드롭다운 문제

설치된 버전:

문제:

모바일 뷰에서 안전 모드로 진입했습니다. 게시글에 답글을 작성할 때 편집기 끝에 톱니바퀴 옵션이 있습니다. 이 옵션을 탭하면 d-editor-button-bar가 드롭다운 메뉴 대신 세로로 스크롤되도록 표시됩니다.


image

드롭다운 박스가 표시되어야 하는 것 같습니다. 메타 사이트에서도 동일한 문제가 발생합니다.

2개의 좋아요

수정: 메타에서 안드로이드의 Chrome 103으로 재현할 수 있습니다.
아마도 꽤 최근에 추가된 것 같습니다. 2.9.0.beta6에서는 보이지 않아요 ( 09f1ef6b05 ).

2개의 좋아요

제가 직접 확인해 보고 있었어요. :slightly_smiling_face: Android/Chrome에서 재현할 수 있습니다:

2개의 좋아요

직원 계정이 아닌 일반 계정으로 데스크톱에서도 재현할 수 있습니다. 데스크톱에서는 관리자 계정과 модератор 계정으로 정상 작동합니다.

모바일에서는 안전 모드를 사용하지 않아도 이 문제를 재현할 수 있는 것으로 보입니다.

3개의 좋아요

메뉴는 데스크톱(position: fixed)과 모바일(position: absolute)에서 위치가 다르게 설정되어 있습니다. 그래서 :mage: CSS 마법 :sparkles: 덕분에 .d-editor-button-bar 컨테이너에 적용된 overflow-x: auto;가 모바일에서는 메뉴를 숨기지만 데스크톱에서는 효과가 없었습니다.

overflow-x: auto; 속성은 데스크톱에서 이 문제를 해결합니다:

Screen Shot 2022-07-18 at 8.46.39 PM

overflow-x: auto;를 제거하여 모바일에서 다시 메뉴가 보이도록 수정을 추가했습니다.

모바일에서 툴바 오버플로 문제를 해결하기 위해 위치를 변경하거나 다른 조치를 취할 수 있는지 확인해야 합니다.

5개의 좋아요