리액션 버튼을 누르면 잘못 등록됩니다

모바일에서 반응 버튼을 조작하면 제대로 인식되지 않고, 시스템이 반응 버튼 오른쪽에 있는 버튼이 조작된 것으로 인식하는 것 같습니다.

이 스크린샷은 데스크톱 Chrome의 모바일 보기에서 Pixel5 폰을 에뮬레이션하여 캡처한 것입니다. 제가 확인한 바로는 다른 폰(아이폰 등)에서도 동일한 문제가 발생합니다.
여기서는 반응 버튼만 클릭했는데, 마치 공유 버튼을 클릭한 것처럼 표시됩니다.

image

어떤 데스크톱 브라우저의 모바일 보기로든 쉽게 확인하실 수 있습니다(Chrome과 기본 테마로 테스트했습니다).

반응 버튼을 왼쪽으로 이동하면 이 문제를 "수정"할 수 있지만, 스크롤 중 반응 버튼을 터치하는 경우가 많다는 보고가 많고 뷰포트의 중앙 오른쪽에 위치하기 때문에 UI/UX 측면에서 매우 나쁜 선택이 될 것입니다.

3개의 좋아요

테스트 사이트에서 시도해 보았지만 이런 현상이 보이지 않습니다. 좋아요 아이콘을 길게 눌러 리액션 메뉴를 열어서(리액션을 부여하면) 모든 동작이 올바른 위치에 수행됩니다. 테마가 비활성화된 안전 모드에서도 이런 현상이 발생합니까?

3개의 좋아요

기본 테마로 테스트해 보았는데, 실제로 다른 컴포넌트들이 로드되고는 있지만, 해당 섹션에 영향을 주는 컴포넌트는 없어야 합니다.

스테이징 환경에서 discourse reaction만 활성화한 상태로 다시 시도해 보겠습니다.

1개의 좋아요

여기에도 이 문제에 대한 다른 보고가 있는 것 같습니다:

2개의 좋아요