게시물 링크를 클릭했다가 돌아가면 높이가 잘못 표시됩니다

안녕하세요 :waving_hand:

토픽 게시글의 인라인 링크를 클릭하여 해당 링크로 이동한 뒤 다시 토픽으로 돌아오면 게시글의 높이가 잘못 계산되어(더 높아져) 표시됩니다.

재현 방법:

  1. 예를 들어 이 토픽으로 이동합니다: Do we need a help button on the composer? - #13 by Don

  2. 해당 토픽의 링크인 'New User Tips’를 클릭합니다.

  3. 브라우저나 운영체제의 기본 내비게이션으로 해당 토픽으로 돌아옵니다. 또는 게시글 아래에 있는 뒤로 가기 링크를 클릭합니다.


데스크톱 뷰

모바일 뷰

감사합니다 :slightly_smiling_face:

7개의 좋아요

직접 겪은 이상한 버그입니다. 재현은 가능하지만, 정확히 어떤 조건에서 발생하는지 알지 못합니다.

  1. 짧은(?) 주제를 열기

  2. 긴(?) 주제로 이동하도록 하는 알림(또는 다른 링크?) 클릭

  3. 브라우저로 이전 주제로 돌아가기

  4. 짧은 주제 페이지가 너무 길어지고, 대부분 빈 내용으로 채워짐

두 개의 짧은 주제에서 시작하여 동일한 두 번째 주제를 사용해도 재현할 수 있었고, 버그를 트리거하는 정확한 맥락을 찾는 데 어려움을 겪었습니다.

모바일에서만 발생합니다(안드로이드 Chrome, 모바일 보기 모드에서 데스크톱 Chrome).

1개의 좋아요

안녕하세요 :wave:

이것과 관련이 있다고 생각합니다: Clicking on links in posts and go back makes incorrect post height

이 버그의 패턴을 이제 찾은 것 같습니다. 제가 생각하고 있는 내용이며, 이것이 실제로 일어나는지는 확실하지 않습니다. :slightly_smiling_face:

뒤로 갈 때 이전 토픽의 다음 게시물(들)의 높이를 유지합니다 (더 높을 때만 시각적으로 확인할 수 있다고 생각합니다)… :thinking:

제가 생각하고 있는 내용을 명확히 설명하겠습니다.

데모를 위해 두 개의 토픽을 열었습니다.

첫 번째 토픽

두 번째 토픽

첫 번째 토픽에서 두 번째 토픽으로 이동하고 다시 돌아갑니다. 무슨 일이 발생했나요? 제가 여기서 보여드린 영상 Clicking on links in posts and go back makes incorrect post height 에서처럼 첫 번째 토픽의 게시물들이 더 높아졌습니다.

이제 첫 번째 토픽의 게시물을 확인해 보겠습니다. 여기 하나 있습니다.

계산된 min-height를 가져옵니다.

제가 보기에는 이 값의 계산이 여기서 이루어지며 post-id 속성을 사용합니다.

자, post-id를 확인해서 무슨 일이 일어났는지 살펴봅시다.

첫 번째 토픽의 게시물 post-id는 12입니다.

두 번째 토픽에서는 post-id 13인 게시물을 찾아야 합니다. 바로 이 게시물입니다.

이것은 게시물 콘텐츠의 높이가 첫 번째 토픽의 12번째 게시물에 빈 공간을 추가하는 것처럼 보입니다.

제가 보기에는 이것이 슬라이더 로더를 사용할 때만 발생하는 것 같습니다. 무슨 일이 일어나고 있는지 확실하지는 않습니다 (하지만 아마도 로더 슬라이더가 이전 페이지로 돌아가는 동안 페이지를 열어 두기 때문일 수 있습니다) 그리고 두 번째 토픽에서 min-height 계산이 시작되어 첫 번째 토픽으로 돌아갈 때 이 계산이 실제 게시물 높이에 추가되는 것 같습니다.

4개의 좋아요

아, 검색을 할 수도 있었네요! :sweat_smile:
게시글을 병합했습니다. 감사합니다!

훌륭한 탐정 작업이었네요 :chefs_kiss:

4개의 좋아요

이것이 여전히 발생하고 있나요?

1개의 좋아요

아니요, 제 환경에서는 잘 작동하는 것 같습니다. :slight_smile:

1개의 좋아요