<details> 내부에서 스포일러가 토글되지 않습니다

[seanblue]

100% 확신은 없지만, 다음 단계를 거치면 문제가 재현될 것 같습니다:

1. 새 게시글 작성을 시작합니다.
2. 텍스트를 추가하고 그 주위에 [spoiler] 태그를 붙입니다.
3. 게시글 미리보기에서 텍스트를 흐림 해제합니다. 흐림을 다시 걸거나 해제하는 것을 원하는 만큼 반복할 수 있습니다.
4. 스포일러 텍스트 아래에 더 많은 텍스트를 추가합니다.
5. 텍스트를 흐림 상태로 두었다가 한 번만 흐림을 해제한 경우, 그 이후(또는 이미 흐림이 해제되어 있었다면 즉시) 텍스트를 다시 흐림 상태로 만들 수 없습니다.

이 문제는 게시글 미리보기에서만 발생하는 것이 아니라 실제 게시글에서도 발생할 수 있습니다. 거기에 재현하는 정확한 단계는 확신하지 못합니다(흐림 해제와 다시 흐림 만들기 사이에 더 이상 입력할 수 없기 때문)만, 제가 이 문제를 목격한 한 상황에서는 흐림 처리된 텍스트가 details 태그 안에 있었습니다. 이것이 관련이 있는지 여부는 알 수 없습니다.

---

다음은 테스트용이지만 도움이 될 수도 있고 아닐 수도 있습니다.

일부 스포일러 텍스트

스포일러 텍스트 이후의 텍스트.

요약

더 많은 스포일러 텍스트

스포일러 텍스트 이후의 더 많은 텍스트.

스포일러 텍스트와 details 태그 이후의 더 많은 텍스트.

[Nacho_Caballero]

spoiler가 <details> 태그 안에 있을 때 끌 수 없는 문제를 발견했습니다.

이 spoiler는 켜고 끌 수 있습니다(예상대로 작동).

하지만 이 것은 작동하지 않습니다:

'details' 열기 클릭

이 spoiler는 한 번만 켤 수 있습니다(끄기 불가).

두 번째 경우에서 isInteractive 함수가 INTERACTIVE_SELECTOR에 details가 포함되어 있어 true를 반환하기 때문에 문제가 발생하는 것 같습니다.

이를 제거하면 해결될 것 같지만, 부작용이 무엇일지는 정확히 확신하지 못합니다(아마 @CvX 님이 아실 수도).

수정: 이 변경이 GIF를 클릭 시 정지시키기 위한 의도였다는 것을 확인했습니다. 저희 커뮤니티에서는 spoiler와 details를 많이 사용하므로, 흐림(blurring) 동작을 더 일관되게 만드는 것이 유용할 것입니다.

[bfsrcproduc2763 (a raisin)]

설명

스포일러 텍스트를 디테일 폴더에 넣으면, 평소처럼 클릭하여 흐림을 해제할 수 있습니다. 하지만 다시 클릭해도 아무 반응이 없으며, 흐림을 다시 적용할 수도 없습니다. 디테일 폴더를 닫았다가 다시 열어도 효과가 없습니다. Hopscotch 포럼에 작성한 이 설명에서 이 문제를 더 자세히 설명하고 있습니다.

시연

이 디테일 폴더를 예시로 사용해 보셔도 좋습니다. 정확한 재현 과정은 Hopscotch 포럼 주제에서 설명되어 있습니다.

디테일 폴더

샘플 텍스트

재현 방법

1. 디테일 폴더가 포함된 게시물을 작성합니다.
2. 폴더 안에 스포일러 텍스트를 넣습니다.
3. 폴더를 열고 텍스트의 흐림을 해제합니다.
4. 페이지를 새로고침하지 않으면 텍스트의 흐림을 다시 적용할 수 없습니다.

[Canapin (Coin-coin le Canapin)]

재현 단계를 공유해 주셔서 감사합니다. 이는 작은 불편함입니다(특히 토글 가능한 블록 내부에 있으므로 디테일을 토글하여 콘텐츠를 숨길 수 있기 때문이죠), 하지만 수정이 환영될 수 있습니다.
누군가 수정을 시도해 보고 싶다면 해당 토픽에 pr-welcome 태그를 달겠습니다.

플러그인 저장소는 여기 있습니다: GitHub - discourse/discourse-spoiler-alert: A plugin for discourse to hide spoilers behind the spoiler-alert jQuery plugin · GitHub

하지만 이는 더 많이 Hide Details 기능의 문제인 것 같습니다.

Hide Details 안의 콘텐츠가 항상 예상대로 표시되지 않습니다(상호작용도 제대로 안 되는 것 같습니다?). 예를 들어, 핫링크된 이미지, 링크, 비디오 등이 표시되지 않습니다. 링크만 표시됩니다:

요약

https://cdn.discordapp.com/attachments/914531040297635861/1107226488534740992/1920x1080.png

https://www.youtube.com/watch?v=ipuqLy87-3A

Apex Legends pro sweet hits Predator rank with no kills to “prove how bad” Ranked is - Dexerto

[bfsrcproduc2763 (a raisin)]

감사합니다!

[Noble_Fish]

[spoiler][/spoiler] 태그가 [details][/details] 블록 내부에 있는 경우, 일반 텍스트와 달리 클릭 한 번으로 흐림 효과를 제거하고 다시 클릭하여 흐림 효과를 재적용할 수 없습니다.

예시:

[spoiler]Text[/spoiler]

[details]
[spoiler]Text[/spoiler]
[/details]

---

Text

Text

---

[tannerabread (Bannon Tanner)]

안녕하세요 @Noble_Fish, 이 문제를 다시 언급해 주셔서 감사합니다! 방금 수정 사항을 공개했습니다. 곧 사용 가능할 것입니다.

FIX: Allow re-blur on spoiler when in details view (#41266)