컴포저가 열려 있을 때 넘침

iPhone 8에서 캡처한 스크린샷입니다. 작성 화면을 열었을 때 크기를 조금만 조정해도 오른쪽 부분이 화면 밖으로 넘칩니다. 미리보기 버튼이 완전히 가려진 것을 확인할 수 있습니다.

저는 iPhone 8에서 잘 작동합니다. :thinking:

화면 녹화를 만들었습니다

현재 설치된 iOS 버전은 무엇인가요?

버전은 14.4.2입니다

@Designers 여기에 대해 어떤 아이디어가 있을까요? 혹시 휴대폰의 중국어 로케일과 관련이 있을까요?

1개의 좋아요

시스템 언어는 EN으로 설정되어 있지만, 기본 키보드만 중국어입니다. 기본 키보드도 EN으로 설정하면 버그가 여전히 발생합니다.

1개의 좋아요

안전 모드에서도 이 문제가 여전히 발생하는지 확인해 주시겠습니까?

네, 안전 모드를 활성화해도 여전히 발생해요

재현이 되지 않습니다. 예상된 동작이 확인되며, 여기와 동일합니다.

iOS 13이 설치된 iPhone 8과 iOS 14가 설치된 iPhone 11에서 테스트해 보았습니다.

iOS 14가 설치된 iPhone 8에는 접근할 수 없지만, 어쨌든 그쪽이 원인이 아닐 가능성이 높습니다.

동영상에서 버튼에 일부 스타일이 누락되어 있는 것 같다는 점이 눈에 띄었습니다.

동영상에서는 이것이 확인되었습니다

iPhone 8에서 테스트했을 때 이것이 확인되었습니다

다시 한번 말씀드리자면, 여기와 동일합니다.

누락된 배경을 주목해 보세요.

일부 스타일시트가 로드되지 않는 문제일 수 있습니다. 네트워크 문제 때문일 수도 있고, 다른 이유 때문일 수도 있으며, 정확히 무엇인지는 확신할 수 없습니다.

@th21 이 문제는 Meta에서만 발생하나요, 아니면 다른 사이트에서도 발생하나요?
테스트할 다른 휴대폰이 있으신가요?

이렇게 하면 문제를 더 좁혀 나가는 데 도움이 될 것입니다.

1개의 좋아요

다른 디스코urse 포럼에서도 이런 문제가 꽤 자주 발생합니다(컴포저 최소화 화살표가 가끔 화면 밖으로 나가버리는 현상). 재현 방법을 아쉽게도 잘 모르겠습니다.

저는 Honor 9 기기를 사용 중이며, Android 9와 Chrome 브라우저를 쓰고 있습니다.

수정: 죄송합니다. 다른 문제일 수도 있겠네요. 직접 테스트해 본 결과, 제 경우엔 컴포저 오른쪽 전체가 아니라 최소화 화살표만 화면 밖으로 밀려나는 증상이었습니다.

긴 제목의 토픽에 답변을 남길 때 발생하는 것 같습니다. 그리고 제가 사용하는 다른 포럼에서만 이런 문제가 생기고, 메타 포럼에서는 발생하지 않습니다.

메타와 제가 직접 구축한 디스커스 포럼에서도 동일한 문제가 발생합니다.

iPhone XR 13.6.1, iPhone 6s 12.4.1에서도 마찬가지입니다.

추가로 화면 녹화를 해보니 작성기(composer)뿐만 아니라 전체 페이지가 약간 크게 확대되어 있는 것을 확인했습니다.

조사를 해본 결과 키보드가 원인이 될 수 있음을 발견했습니다. 키보드가 표시되면 페이지 자체가 확대됩니다.

https://stackoverflow.com/questions/38619762/how-to-prevent-ios-keyboard-from-pushing-the-view-off-screen-with-css-or-js

아래 주제와 동일한 문제일 것 같습니다. 저도 모바일에서 검색 버튼을 클릭할 때 UI가 확대되는 현상을 보고 있기 때문입니다.

또한, 이 답변에 따르면 maximum-scale=1을 유지하고 user-scale 속성을 제거하면 이 문제가 해결될 것 같습니다.

https://stackoverflow.com/a/46254706