안녕하세요,
토픽의 최신 게시글에 Hide Details 텍스트나 이미지가 포함된 경우, 클릭 시 텍스트가 숨겨진 세부 정보의 마지막 줄로 바로 점프하는 이상한 동작을 발견했습니다. 토픽에 새 게시글이 추가되면 이 동작이 변경되어 예상대로 작동합니다. 텍스트가 확장되고, 이미 한 번 확장한 후 다시 접었다가 열었을 때와 마찬가지로 상단에 위치하게 됩니다.
이것이 의도된 동작인지 알 수 없으며, 이를 확인할 수 있는 자료를 찾지 못했습니다. 이것이 버그인지 아닌지 확인해 주시면 감사하겠습니다.
Android의 Chrome과 Firefox, 그리고 Linux의 Chrome에서 테스트해 보았으며, 모든 환경에서 동일한 동작을 확인했습니다.
@TomoftheFog 아직 확인해 보진 않았는데, 이 문제가 발생하는 원본 게시물 내용을 예시로 올려 주실 수 있나요? 문제를 조사하는 데 도움이 될 것 같습니다. 감사합니다.
Details expanding from bottom when at the end of a topic 보고된 문제와 동일한 문제인가요?
네 맞습니다. 찾아보았는데 해당 주제를 발견하지 못해서 새로 게시글을 올렸습니다.
텍스트에 이미지가 포함된 경우 이런 일이 발생하는 것으로 확인되었습니다. 우리 포럼에서는 이 특정 게시글에서 유저들이 이 문제를 언급했습니다:
https://forums.insertcredit.com/t/dec-24-monthly-game-club-donkey-kong-country-3/4248/90
/raw/xxxxx를 시도해 보았지만 원본 게시글 내용이 표시되지 않아 데이터 탐색기에서 원본 내용을 게시했습니다. 80,000자를 초과하지만 이것이 영향을 미칠지 모르겠으며, 훨씬 더 작은 게시글에서도 동일한 문제가 발생했습니다.
이 문제에 대해 회신해 주셔서 감사합니다.
휴가 때문에 바빴지만, 이제 크리스마스가 끝났으니 업무에 복귀합니다. 레이저 리지(Razor Ridge)로 갑니다! 
[details="키키가 디키 콩의 더블 트러블 6부 플레이"] 버저 배러지(Buzzer Barrage)로 시작합니다. 우리의 첫 번째 동굴 레벨입니다. 아직 안 하셨다면, 여기서부터 콩들을 던지는 법을 배워야 합니다. 첫 플레이에서는 아예 그걸 놓치고 버튼 누르기 전까지 여기서 막혀 있었거든요, 믿기 어렵죠? 콰크(Quawks)가 다시 등장해서 또 통조림 장난을 치는데, 특정한 방식으로 구르게 해야 하는 멋진 작은 구간들이 있습니다. 코프터(Kopter) 적들과의 첫 만남입니다. 회전하고 움직임을 많이 해서 제대로 된 모습을 보기 어려워서 항상 이상해 보였습니다. 제 뇌는 그들이 움직일 때 대체 무엇인지 파악할 수 없었죠. 알고 보니 손으로 로터 블레이드를 들고 있는 하키 헬멧을 쓴 마른 작은 파충류들이었습니다. 이상하죠! 코프터들은 우리의 공격에 면역이고 측면에서 우리에게 피해를 주므로, 일반적으로 가장 좋은 선택은 그들을 피하는 것입니다. 하지만 마지막에 우리의 양심을 저버리고 이 한 마리를 꽤 높은 수직 터널 위로 튕겨서 보너스 통조림을 얻어야 합니다. 언급된 보너스 방은 이 간접적인 추진 방식(말장난)을 중심으로 회전합니다! 의무적인 윙클리 콩(Wrinkly Kong) 방문. 지난번 이후로 아이템 박스를 꽤 많이 채웠습니다. 베니(Benny)를 방문할 시간입니다. @Obskyr가 이미 지적했듯이, 이 남자와 그의 형제 비요른(Björn)은 스웨덴 그룹 ABBA의 두 멤버 이름을 따왔습니다. 그와 계속 대화하면 "나에게 기회를 줘(take a chance on me)"라고 하는데, 이는 그들의 노래 중 하나를 연상시킵니다. 스웨덴 음악가들에 대한 오마주는 노골적이지만, 왜 그들이 티롤(Tyrolean)인지를 분명하게 묘사하는지 저는 전혀 모르겠습니다. 영국인들이 정말로 스웨덴과 스위스를 바꿔치기했거나, 어떤 고도의 이중 농담으로 한 걸까요? 알기 어렵네요. 베니가 그의 스키 리프트를 무료로 사용하게 해줍니다! 그의 사업을 유지하기 위해 곰 코인 몇 개를 원할 법도 한데, 저는 불평하지 않습니다. 콩-퓨즈드 클리프(Kong-Fused Cliffs) 시간입니다. 게임에서 가장 기억에 남는 레벨 중 하나죠. 컨셉은 우습고 단순합니다; 끊임없이 타오르는 밧줄을 오르는 거예요. 조심하지 않으면 화상을 입습니다. 아파요! 화면 오른쪽 가장자리의 이 바나나에 완전히 속았습니다. 거기로 건너갈 것이라고 단단히 믿고 있었는데 화면 아래쪽에서 거의 삼켜질 뻔했지만, 급하게 점프해서 마지막 순간에 보너스 통조림에 도달했습니다. 후! 이 발코니에 도달할 때 두 콩을 모두 확보하지 않았다면, 절대 뛰어내리지 마세요! 계속 올라간 뒤 왼쪽으로 뛰어내려 통조림을 얻으세요. 기둥에 머물면서 오른쪽으로 던져서 아래 동굴 입구에 있는 코인(Koin)을 처치하세요. 위로 던져줄 지원이 없으면 타오르는 밧줄은 한 번의 기회밖에 없으므로, 준비를 하세요! 이제 두 번째 스키 리프트에 접근할 수 있는데, 비요른이 운영합니다. 재미있는 사실, 비요른은 스웨덴어로 "곰"을 의미하므로, 그의 전체 이름 비요른 베어(Björn Bear)는 문자 그대로 곰 곰(Bear Bear)입니다. 그의 억양을 어디에 두어야 할지 잘 모르겠습니다. 우리 스웨덴 사람들은 영어를 이상하게 말하죠, 네, 하지만 "나는 비요른이다(I am being Björn)"라고는 절대 말하지 않을 겁니다. 어쨌든, 그의 리프트는 렌치를 잃어버려서 작동하지 않습니다. 다행히 지난번에 바터(Barter)에게서 하나를 얻었으므로, 이 문제는 이미 사전에 해결되었습니다. hurrah, 효율성! 예상하셨겠지만, 꼭대기에는 비밀 동굴이 있습니다. supposedly 베니와 비요른은 실제로 매우 다릅니다. 물론, 한 명은 보라색 틀을 착용하고 다른 한 명은 녹색을 착용하죠. 플러드라이트 피시(Floodlit Fish)로 메인 경로로 돌아옵니다. 어둠 속에서 헤엄치는 수중 레벨이죠. 여기서 우리는 엔가워드(Enguarde)로 플레이합니다. 아이디어는 빛나는 물고기들을 때려서 스테이지를 밝히는 것입니다. 하지만 이 레벨은 저조도 TV나 잘 조명이 된 방에서 플레이한다는 전제에 전적으로 의존한다고 생각합니다. 어두운 방에서 에뮬레이터의 원본 화면으로 플레이하면 조명 상태와 관계없이 레벨을 완전히 탐색할 수 있습니다. 이는 플러드라이트 피시를 꽤 단순한 표준 수영 레벨로 변모시킵니다. 회고해 보면 이 레벨에서 스냅샷을 단 두 장만 찍었고, 둘 다 레벨의 아주 초반에 찍은 것이었습니다. 정말. 지난 레벨은 실패작이었을지 모르지만, 이 다음 레벨은 제대로 된 명작입니다. 포트 홀 패닉(Pot Hole Panic)에 오신 것을 환영합니다. 반전이 있는 동굴 레벨이죠. 시작할 때 우리는 통조림이 폭발물을 던지는 터널을 통해 스쿼크(Squawks)를 타고 갑니다. 하지만 갑자기 물에 도달하게 되는데, 여기서 앵무새는 헤엄칠 수 없습니다. 끝이 나고 여정의 다음 단계로 넘어갈 시간입니다! 바로, 이제 우리는 엔가워드를 타게 됩니다! 다음은 우리 친구 엘리(Ellie)입니다. 짐작하셨겠지만, 이 레벨은 모든 동물 동반자들을 한 긴 마라톤 레벨에서 타는 것이 전부입니다. 훌륭하네요. 또 다른 물에 착수하고, 왼쪽에 장난기 많은 비밀이 있습니다. 보너스 통조림은 닿지 않습니다. 우리는 디키 콩 컨트리 3의 요시 희생(Yoshi Sacrifice)에 해당하는 것을 수행해야 합니다. 뛰어올라서 공중에서 엘리를 내려놓으면 필요한 추가 부스트를 얻습니다. 용서해 주세요, 친구여… 보너스 방은 시적으로 이 반역(treason)을 중심으로 회전합니다. 여정의 마지막 단계는 스쿼터(Squitter)입니다. 어떤 신비한 존재가 위에서 멀리서 폭탄을 던지고 있습니다. 알았어! 마지막으로, 코인은 골 포스트 바로 위의 정말 난감한 비밀 구석에 위치해 있습니다. 우리는 직관과 원숭이 던지기(monkey toss)로만 도달할 수 있습니다. 다음 레벨은 로피 럼퍼스(Ropey Rumpus)로, 긴 수평 밧줄을 건너다니면서 말벌을 피합니다. 첫 번째 보너스 통조림은 조금 까다로워서, 이 폭발성 통조림을 말벌의 기둥을 따라 내려가서 부서지기 쉬운 벽을 부숴야 합니다. 트릭은 가능한 한 오른쪽으로 멀리 점프해서 벽에 붙는 것입니다. 하지만 파악하는 데 몇 번 틀릴 수 있습니다. 통조림이 사라지면 재시도하기 위해 죽어야 합니다. 가혹하죠! 다시 패리(Parry) 시간입니다! 추가 생명 대신, 성공적인 패리 전달은 이번에는 두 번째 보너스 통조림을 줍니다. 다행히 비교적 쉽게 찾을 수 있는 안전한 지름길 덕분에 경로는 너무 어렵지 않습니다. 벌써 보스 시간입니다. 이는 바보의 장벽(Barbo's Barrier)으로, 제가 항상 가장 어려움을 겪는 보스입니다. 거대한 성게에 대한 세 단계의 까다로운 엔가워드 정밀함이 필요합니다. 첫 번째 단계를 통과하려면, 생성된 녹색 성게를 때려서 벽에 부딪히게 해야 합니다. 그러면 보라색 성게가 제거됩니다. 그것이 끝나면 바보스를 때리고 다음 단계로 넘어갈 수 있습니다. 더 큰 방으로 들어가면 바보스가 작은 유도 조개 탄환을 발사합니다. 우리는 그것들을 유도해서 다시 한번 보라색 성게를 쏘아야 합니다. 방의 형태가 우연이 아님을 깨닫고, 거대한 U자형 회전이 샷을 정렬하는 데 완벽하다는 것을 알아내면 실제로는 꽤 쉽습니다. 마지막 단계, 바보스는 천장에서 오르내리며 우리가 피해야 할 가시를 발사합니다. 그 후에야 우리는 마지막 샷을 날릴 수 있습니다. 이 세 섹션 중 어느 것도 개별적으로 반드시 어려운 것은 아니며, 오히려 실수할 여지가 거의 없는 상태에서 연속으로 수행하는 것이 두려운 것입니다. 특히 매번 어떻게 해야 하는지 기억을 새로이 해야 할 때요. 승리 후, 우리는 배수구에 씻겨 내려가서 세계의 시작 부분에 다시 나타납니다. 다음으로 어디로 갈지 스스로에게 묻기도 전에, 앞뒤로 이어지는 경로는 갑자기 우리 앞에 터널이 열리며 위압적인 성으로 이어지는 것으로 즉시 드러납니다. 바자(Bazaar)는 supposedly 해당 성에 대한 독점적인 정보를 가지고 있다고 합니다. 그의 말을 들어보겠습니다. 이것은 별로 도움이 되지 않습니다… 제안을 거절하는 것이 정직하게 더 흥미롭습니다. 왜냐하면 대신 그는 젤다(Zelda)를 연상시키는 것을 하거든요. 특히 링크의 각성(Link's Awakening)을 가정합니다. 어쨌든, 마지막(?) 세계, 카오스 코어(Kaos Kore)로 갑니다. 하지만 그것은 아직 아무도 모르는 이야기입니다… übrigens, 스냅샷 단축키를 컨트롤러에 설정한 것은 축복이었습니다. 때로는 나도 모르게 나에게 일을 복잡하게 만듭니다. 어머나!
https://meta.discourse.org/t/details-expanding-from-bottom-when-at-the-end-of-a-topic/210170에서 재현은 못했지만, 바로 위에 있는 게시글에서는 확인됩니다.
해당 토픽의 원본 콘텐츠는 실제로 https://forums.insertcredit.com/raw/4248/90에 있으며, 아래에 있습니다. 숨겨진 텍스트가 매우 길 때 가장 두드러지는 것 같습니다?
휴가 때문에 바빴지만, 이제 크리스마스가 끝나고 다시 일상으로 돌아왔습니다. 레이저 리지로 가볼까요!
[details="키키가 디키 콩의 더블 트러블 6부작을 플레이합니다"]
첫 번째 동굴 레벨인 버저 배러지로 시작합니다. 아직 안 하셨다면, 여기서부터는 콩을 던지는 법을 배워야 합니다. 제 첫 플레이에서는 이걸 완전히 놓치고 버튼들을 마구 눌러보기 전까지 여기서 막혀버렸거든요, 믿어지시나요?
쿼크스가 또 등장해서 통나무 장난을 더 많이 부립니다. 통나무를 특정한 방식으로 굴려야 하는 재밌는 작은 구간들이 몇 있습니다.
이것은 우리가 코프터 적들과 처음 만나는 장면입니다. 회전하면서 많이 움직이니까 제대로 된 모습을 보기가 힘들어서, 항상 이상하게 보였습니다. 제 뇌는 그들이 움직이는 중에 대체 뭐라고 intended되어 있는지 파악하지 못했습니다. 알고 보니 손으로 로터 블레이드를 들고 있는 하키 헬멧을 쓴 가느다란 도마뱀들이었습니다. 이상하네요!
코프터는 우리의 공격을 막고 측면에서 우리에게 피해를 주므로, 일반적으로 최선의 선택은 그들에게서 멀리 떨어져 있는 것입니다. 그러나 마지막에서 우리는 더 나은 판단을 배신했어야 합니다. 보너스 통나무를 위해 이 하나를 수직 터널 위로 꽤 멀리 점프해야 합니다.
해당 보너스 방은 (말장난) 이 간접적인 추진 방식에 대해 회전합니다!
필수적인 울퉁불퉁한 콩 방문.
지난번 이후로 꽤 많은 아이템 박스를 채웠습니다.
벤니를 방문할 시간입니다. @Obskyr가 이미 지적했듯이, 이 남자와 그의 형제 비요른은 스웨덴 그룹 ABBA의 두 멤버 이름을 따서 지어졌습니다. 그에게 계속 말을 걸면 "나에게 기회를 줘"라고 하는데, 이는 그들의 노래 중 하나를 가리킵니다. 스웨덴 음악가들에 대한 언급은 노골적이지만, 왜 그들이 노골적으로 티롤인인지 저는 아무 아이디어가 없습니다. 영국인들이 정말로 스웨덴과 스위스를 바꾸었나요, 아니면 어떤 고급 이중 농담으로 한 걸까요? 판단하기 어렵습니다.
벤니가 그의 스키 리프트를 무료로 사용할 수 있게 해줍니다! 그의 사업을 유지하기 위해 곰 코인 몇 개를 원할 거라고 생각했을 텐데, 하지만 저는 불평하지 않습니다.
콩-퓨즈드 클리프 시간입니다, 게임에서 가장 기억에 남는 레벨 중 하나입니다. 전제는 우습고 단순합니다; 당신은 영원히 타오르는 밧줄을 오르고 있습니다. 조심하지 않으면 화상을 입습니다. 아파요!
화면 오른쪽 가장자리의 이 바나나는 저를 완전히 속였습니다. 저는 거기로 넘어갈 것을 단단히 의지하고 있었는데, 화면 하단에 거의 삼켜질 뻔했지만, 몇 번의 긴급 점프로 마지막 순간에 보너스 통나무에 도달했습니다. 후우!
이 발코니에 도달했을 때 두 콩을 모두 가지고 있지 않다면, 뛰어내리지 마세요! 계속 올라가서 왼쪽으로 뛰어내려서 통나무를 얻으세요. 기둥에 머물면서 오른쪽으로 던져서 아래 동굴 입구에 있는 코인을 쓰러뜨리세요. 당신을 거기로 던져줄 백업이 없으면, 타오르는 밧줄에 대한 기회는 한 번뿐이므로 준비하세요!
이로써 우리는 비요른이 운영하는 두 번째 스키 리프트에 접근할 수 있습니다. 재미있는 사실, 비요른은 스웨덴어로 "곰"을 의미하므로, 그의 전체 이름 비요른 베어는 문자 그대로 그냥 베어 베어입니다. 그의 억양을 파악하는 것이 어렵습니다, 우리 스웨덴 사람들은 이상한 영어를 말하니까요, 네, 하지만 우리는 확실히 "나는 비요른이다"라고 말하지는 않을 것입니다.
어쨌든, 그의 리프트는 렌치가 없어서 작동하지 않습니다, 다행히 지난번에 바터에게서 하나를 얻었으므로, 이 문제는 이미 사전에 수정되었습니다. hurrah, 효율성!
예상하셨을지 모르지만, 꼭대기에는 비밀 동굴이 있습니다.
사실 벤니와 비요른은 정말로 매우 다릅니다. 물론, 하나는 보라색 브레이스를 착용하고 다른 하나는 녹색을 착용합니다.
플루드라이트 피시로 메인 경로로 돌아갑니다, 어둠 속에서 헤엄치는 물 레벨입니다.
여기서는 엔가드를 플레이하고 있습니다. 아이디어는 이 발광 물고기를 때려서 무대를 밝히는 것입니다, 하지만 이 레벨은 우리가 낮은 밝기의 TV나 잘 조명이 된 방에서 플레이한다는 가정에 전적으로 의존한다고 생각합니다. 어두운 방에서 생 에뮬레이터 푸트로 플레이하면 조명 상태와 관계없이 레벨이 완전히 탐색 가능해집니다. 이는 플루드라이트 피시를 꽤 단순한 표준 수영 레벨로 변형시킵니다. 후회로 보았을 때 이 레벨에서 놀랍도록 두 개의 스냅샷만 찍었고, 둘 다 매우 처음이었습니다. 와.
마지막 레벨은 실패작이었을지 모르지만, 이 다음 레벨은 진정한 명작입니다. 포트 홀 패닉에 오신 것을 환영합니다, 트윗이 있는 동굴 레벨입니다. 시작할 때 우리는 폭발물을 던지는 통나무를 가지고 터널을 통해 스쿼크스를 타고 갑니다.
하지만 갑자기 우리는 물에 도달합니다,在那里鹦鹉无法穿过. 끝이었고, 여정의 다음 단계의 시간입니다!
정말, 이제 우리는 대신 엔가드를 타고 있습니다!
다음으로, 우리의 친구 엘리. 추측하셨을지 모르지만, 이 레벨은 하나의 긴 마라톤 레벨에서 모든 동물 동반자를 타는 것에 전적으로 집중합니다. 훌륭합니다.
다른 물체에 착륙하고, 왼쪽의 장난기 많은 비밀.
보너스 통나무는 손이 닿지 않습니다, 우리는 디키 콩 컨트리 3의 요시 희생에 해당하는 것을 수행해야 합니다. 점프해서 공중에서 엘리를 버리면 우리에게 필요한 추가 부스트를 얻을 수 있습니다. 용서해 주세요, 내 친구...
보너스 방은 시적으로 이 배신에 대해 모두 회전합니다.
여정의 마지막 단계는 스퀸터입니다.
어떤 신비한 존재가 위쪽에서 멀리서 나에게 폭탄을 던지고 있습니다.
알고 있었습니다!
마지막으로, 코인은 목표 정글 바로 위에 있는 정말 나쁜 비밀 구석에 위치해 있습니다. 우리는 오직 직관과 원숭이 투스로만 도달할 수 있습니다.
다음 레벨은 로피 램퍼스입니다, 여기서 우리는 긴 수평 밧줄을 가로지르면서 말벌을 피합니다.
첫 번째 보너스 통나무는 약간 귀찮습니다, 우리는 이 폭발 통나무를 말벌의 샤프트 아래로 가져가서 취약한 벽을 부숴야 합니다. 트릭은 가능한 한 오른쪽으로 멀리 점프하고 벽에 붙는 것입니다, 하지만 파악하는 동안 몇 번 실수할 수 있습니다. 통나무가 사라지면, 재시도하려면 죽어야 합니다. 가혹하네요!
다시 패리 시간입니다!
추가 생명 대신, 성공적인 패리 전달은 이번에는 두 번째 보너스 통나무를 우리에게 줍니다. 다행히도 꽤 쉽게 찾을 수 있는 안전한 지름길 덕분에 경로는 너무 어렵지 않습니다.
이미 보스 시간입니다. 이것은 바보의 장벽입니다, 제가 항상 가장 많은 어려움을 겪는 보스입니다. 거대한 해초에 대한 어려운 엔가드 정밀도의 세 단계입니다.
첫 번째 단계를 통과하려면, 우리는 벽에 튕겨서 보라색 해초를 쓰러뜨리도록 생성된 녹색 해초를 때려야 합니다. 그것이 끝나면 우리는 바보스를 때리고 다음 단계로 이동할 수 있습니다.
우리는 바보스가 작은 유도 조개 탄환을 발사하는 더 큰 방으로 계속합니다. 우리는 보라색 해초를 다시 한 번 쏘기 위해 그것들을 유도해야 합니다. 방의 모양이 우연한 것이 아님을 깨닫고, 거기에 큰 U자형 회전은 샷을 정렬하는 데 완벽하다는 것을 깨달으면 실제로 꽤 쉽습니다.
마지막 단계, 바보스는 천장에서 위아래로 움직이며, 우리가 피해야 하는 가시를 발사합니다, 우리가 마지막 샷을 날리기 전에.
이 세 섹션 중 어느 것도 개별적으로 반드시 어려운 것은 아닙니다, 오히려 실수의 여지가 거의 없는 상태에서 모두를 연속으로 하는 것이 두려운 것입니다, 특히 제가 매번 어떻게 해야 하는지 기억을 새로이 해야 할 때.
승리 후, 우리는 배수구로 씻겨 내려가서 세계의 시작에 다시 나타납니다.
우리가 다음으로 어디로 갈지 스스로에게 물을 수도 있기 전에, 앞으로의 경로는 갑자기 우리 앞에 열린 터널로 즉시 자신을 드러냅니다, 이는 장엄한 성으로 이어집니다.
바자르는 해당 성에 대한 독점적인 정보를 가지고 있다고 주장합니다, 그의 말을 들어봅시다.
이것은 매우 도움이 되지 않습니다...
제안을 거절하는 것이 정직하게 더 흥미롭습니다, 그는 대신 젤다 참조를 합니다. 특히 링크의 각성, 저는 가정합니다?
어쨌든, 마지막 (?) 세계, 카오스 코레로 갑시다. 하지만 그것은 아직 아무도 모르는 이야기입니다...
그리고, 스냅샷 핫키를 컨트롤러에 배치하는 것이 구세주였습니다. 때로는 내가 인식하지도 못한 채 나에게 일을 복잡하게 만듭니다. 오!
[/details]
원시 업데이트를 알려주셔서 감사합니다. 앞으로는 꼭 그 방법을 사용하겠습니다.
테스트할 때 글의 길이는 문제가 되지 않았습니다. 훨씬 짧은 글도 시도해 보았지만 동일한 문제가 발생했습니다. 실제로 두드러지는 점은 숨겨진 텍스트가 포함된 글이 주제 내 최신 글일 때 발생하는 것 같습니다. 한 번이라도 답글이 게시되면 정상적으로 작동합니다.
예를 들어, 방금 위에서 언급한 글은 이제 정상적으로 작동하지만, 여러분의 글이 게시되기 전에는 바로 글의 끝으로 이동했습니다.
저도 재현할 수 있습니다 
. 브라우저 창 크기에 따라 달라지는 것 같고, 스크롤 위치에 영향을 받는 것으로 보입니다.
같은 현상이 발생하는 것을 확인했는데, 대부분은 어떤 창을 사용하든 상자의 위치와 무관하게 텍스트의 끝으로 되돌아갑니다.
이것이 실제로 ‘상세 정보 숨기기’ 상자의 동작 방식인 것이지, 버그가 아닌 것일까요?
이런 잘못된 동작이 브라우저 전체에서 일관되게 나타나나요? 이벤트 버블링이 일어나서는 안 되는 곳에서 일어나고 있는 것 같습니다.
그렇다고 생각합니다. 위에서 보여드린 것처럼 Edge에서 이 문제를 재현할 수 있었고, Firefox에서도 재현되었습니다:
또한 이번에는 토픽이 끝날 때 타임라인이 제자리에 맞춰지기 전에 이 현상이 발생했음을 확인했습니다.
네, Chrome과 Firefox 모두에서, 그리고 Android와 Linux 환경에서 발견했습니다. 다른 포럼 사용자들도 다른 운영 체제에서 동일한 문제를 보고하고 있습니다.
3개의 게시물이 새 주제로 분리되었습니다: 수동 입력 없이 텍스트를 선택할 수 없음
row (게시물)과 topic-navigation (타임라인) 위치가 DOM에서 서로 바뀌었으면 좋겠습니다. 현재는 그 반대 순서로 되어 있고, CSS Grid를 이용해 올바른 위치에 배치되어 있습니다. 이것이 문제의 원인이라고 생각합니다. 문제는 924px 이하에서 열이 서로 아래에 배치되고 하단에 가까워질 때만 발생합니다. 하지만 아마도 불가능해서 반대로 배치된 것 같습니다.
@david / @jordan.vidrine 의견이 궁금합니다. DOM을 서로 바꿔볼까요? 단점이라면, 바꿨을 때 많은 부분이 깨질 수 있다는 점일 것 같습니다.
이것은 Chrome과 Firefox(곧 Safari에도 도입 예정)의 스크롤 앵커링 때문에 발생합니다. 이 기능은 브라우저가 가시적인 요소에 '고정’되도록 하여 뷰포트 위에 콘텐츠가 삽입되더라도 스크롤 위치가 이동하지 않도록 합니다.
Firefox에는 이 기능을 위한 디버그 모드가 있으며, about:config에 접속하여 layout.css.scroll-anchoring.highlight를 토글하여 활성화할 수 있습니다. 그렇기 때문에 일반적으로는 포스트 스트림 내의 어떤 요소에 앵커링되는 것을 볼 수 있습니다:
하지만 타임라인이 접힌 상태에서 너무 아래로 스크롤하면, 타임라인이 앵커 포인트로 선택됩니다:
@don이 말했듯이, 이는 DOM에서 요소의 순서가 표시되는 순서와 다르기 때문입니다. 스크롤 앵커링 알고리즘은 DOM 순서대로 탐색하며, 뷰포트 안에 완전히 들어 있는 첫 번째 요소를 선택하는 것 같습니다. 따라서 접힌 타임라인이 화면에 보인다면, 포스트 콘텐츠보다 항상 먼저 선택될 것입니다.
순서를 바꾸면 도움이 될 수 있지만, 가능한 회귀 문제(regression)에 대해 우려됩니다. 또한 이것이 의도적으로 이렇게 설정된 것은 아닌지 궁금합니다(화면 판독기 때문일까요?).
가장 쉬운 수정 방법은 타임라인에 overflow-anchor: none을 설정하는 것입니다. 그러면 앵커링 대상으로는 절대 선택되지 않습니다:
