모바일 브라우저에서 텍스트를 선택한 후 나타나는 세 개의 버튼이 클릭 시 작동하지 않음

지원
1

보통 Discourse에서 텍스트를 선택하면 "인용(Quote)"과 "인용 복사(Copy Quote)"가 포함된 버튼 행이 있는 팝업 창이 나타납니다.
최근 일부 모바일 브라우저에서 이러한 버튼을 클릭하면 답글 창이 열리거나 클립보드에 내용이 기록되지 않고 버튼이 단순히 사라지는 현상이 발견되었습니다. 자체 호스팅 Discourse 인스턴스와 Meta에서 테스트를 해본 결과, 이 문제는 일관되게 재현됩니다. UA를 변경하여 데스크톱 뷰로 전환해 조작해도 여전히 작동하지 않습니다. 브라우저 설정을 확인하여 광고 차단 및 기타 옵션이 비활성화되어 있는지 확인해 보았지만 효과가 없었습니다.

현재 문제가 있는 샘플 브라우저 한 대를 식별하였으며, 해당 브라우저에서 다음과 같은 테스트를 수행했습니다:
@Arkshine의 https://arkshine.github.io/discourse-features-test/에서 세 가지 테스트 결과 모두 'Support’로 나타났습니다.

373017bb054739fdc8a35d35b31eb8d2
373017bb054739fdc8a35d35b31eb8d21080×1744 84.1 KB

@supermathie의 https://www.supermathie.net/reflect/headers를 통해 다음 결과를 얻었습니다:

accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/avif,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3;q=0.7
accept-encoding: gzip, deflate, br, zstd
accept-language: zh-CN,zh;q=0.9,en-US;q=0.8,en;q=0.7
connection: keep-alive
host: www.supermathie.net
sec-ch-ua: "XiaoMiBrowser";v="135", "Not-A.Brand";v="8", "Chromium";v="135"
sec-ch-ua-mobile: ?1
sec-ch-ua-platform: "Android"
sec-fetch-dest: document
sec-fetch-mode: navigate
sec-fetch-site: none
sec-fetch-user: ?1
upgrade-insecure-requests: 1
user-agent: Mozilla/5.0 (Linux; U; Android 15; zh-cn; 23049RAD8C Build/AQ3A.250226.002) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/135.0.7049.79 Mobile Safari/537.36 XiaoMi/MiuiBrowser/20.12.1030209
x-miorigin: s

브라우저 커널 버전은 대상의 최소 요구 버전보다 낮은 것으로 보이지 않습니다.

2

안전 모드에서 이 문제를 재현해 볼 수 있나요? 메타에서도 이런 문제가 발생하나요?

3

예, 예를 들어 페이지(Meta) URL에 /?safe_mode=no_themes,no_plugins를 직접 붙여넣으면 테스트 결과가 변하지 않습니다.

4

이 브라우저인가요?

Android 15 가상 기기에서 테스트해 보았습니다. Chrome은 정상적으로 작동합니다:

image
image613×1372 158 KB

그리고 Firefox도:

image
image613×1372 144 KB

하지만 Mi Browser를 사용해 어떤 웹사이트로든 이동하면 즉시 충돌합니다:

image
image613×1372 20.9 KB

(충돌 직전에 촬영한 스크린샷)

Chromium 렌더링 엔진 때문일 수 있지만, 그들은 분명히 버전을 수정하여 이 버튼들이 작동하지 않도록 만들었습니다. 이러한 문제는 각 브라우저의 피드백 메커니즘을 통해 해당 개발자에게 보고하는 것이 가장 좋습니다.

5

결론의 정확성을 확보하기 위해, 다른 사용자의 피드백에서 브라우저 샘플을 찾았으며, 매개변수는 다음과 같습니다.

accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/wxpic,image/sharpp,image/apng,image/tpg,image/avif,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3;q=0.7
accept-encoding: gzip, deflate, br
accept-language: zh-CN,zh;q=0.9,en-US;q=0.8,en;q=0.7
connection: keep-alive
host: www.supermathie.net
q-ua2: QV=3&PL=ADR&PR=QB&PP=com.tencent.mtt&PPVN=19.9.5.5035&TBSVC=45001&CO=BK&COVC=048603&PB=GE&VE=GA&DE=PHONE&CHID=0&LCID=25749&MO= FIN-AL60a &RL=1084*2302&OS=12&API=31&DS=64&RT=64&HM=1&HMVN=3.0.0&REF=qb_0&TM=00
sec-ch-ua: "Not A(Brand";v="99", "Android WebView";v="121", "Chromium";v="121"
sec-ch-ua-mobile: ?1
sec-ch-ua-platform: "Android"
sec-fetch-dest: document
sec-fetch-mode: navigate
sec-fetch-site: none
sec-fetch-user: ?1
upgrade-insecure-requests: 1
user-agent: Mozilla/5.0 (Linux; U; Android 12; zh-cn; FIN-AL60a Build/HUAWEIFIN-AL60a) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/121.0.6167.71 MQQBrowser/19.9 Mobile Safari/537.36 COVC/048603

이 문제가 발생하는지 확인해 보시는 것은 어떨까요?

6

이 브라우저들을 찾아서 문제를 재현해볼 수는 있지만, 그렇게 하더라도 결국 답은 "네, 브라우저 쪽에서 뭔가 잘못하고 있습니다"가 될 가능성이 높습니다.

해당 사용자에게는 Chrome, Chromium, Firefox 또는 Edge와 같이 지원되는 브라우저를 설치할 것을 권장합니다.

7

네, Edge 같은 모바일 브라우저를 사용해 테스트를 진행했고, 결과는 좋았습니다. :slightly_smiling_face:
위에서 언급한 새 샘플에 대해서는, 이전 답변에서 말씀하신 대로 초기 샘플에서 크래시 문제가 발생했기 때문에 해당 문제를 찾아냈으며, 이를 통해 정상적인 분석을 수행하여 결론을 확인하는 데 도움이 될 수 있기를 바랍니다.

8

com.tencent.mtt (이것이 올바른 패키지 이름이라고 가정할 때)은 Google 스토어에 공개되어 있지 않아 테스트조차 할 수 없습니다.

불행히도, 스토어에서 브라우저를 설치하고 실행해 보며 무슨 일이 일어나는지 확인하는 것 이상의 시간을 들이는 것은 현실적으로 불가능합니다.