Spoilers não alternam quando dentro de <details>

Não tenho 100% de certeza, mas acho que os seguintes passos reproduzem o problema:

  1. Comece a escrever uma nova postagem
  2. Adicione algum texto com tags [spoiler] ao redor dele.
  3. Remova o desfoque do texto na pré-visualização da postagem. Note que você pode desfocar e refocar o texto quantas vezes quiser.
  4. Adicione mais algum texto abaixo do texto com spoiler.
  5. Se você deixou o texto em estado desfocado, mas o removeu do desfoque uma vez. Mas depois disso (ou imediatamente, se já estava sem desfoque) você não consegue desfocar o texto novamente.

Isso pode acontecer também em postagens reais, não apenas em pré-visualizações. Não tenho certeza dos passos exatos para reproduzir isso lá (já que não é possível digitar mais nada entre desfocar e refocar), mas pelo menos na única situação em que vi o problema, o texto desfocado estava dentro de tags details. Não faço ideia se isso é relevante, porém.


O seguinte é para testes, mas pode ou não ser útil.

Algum texto com spoiler

Algum texto após o texto com spoiler.

Resumo

Mais algum texto com spoiler

Mais algum texto após o texto com spoiler.

Mais algum texto após o texto com spoiler e a tag details.

1 curtida

Notei que os spoilers não podem ser ativados e desativados quando estão dentro de uma tag \u003cdetails\u003e.

Este spoiler pode ser ativado e desativado (funciona como esperado).

No entanto, este não:

Clique para abrir 'detalhes'

Este spoiler só pode ser ativado uma vez (não pode ser desativado).

Acho que o problema é que, no segundo caso, a função isInteractive retorna true porque details está incluído em INTERACTIVE_SELECTOR.

Removê-lo deve ser suficiente, mas não tenho certeza sobre os efeitos colaterais (talvez @CvX saiba).

EDIT: Vejo que essa mudança foi motivada por querer fazer GIFs pararem ao clicar. Em nossa comunidade, fazemos uso intensivo de spoilers e detalhes, então seria útil tornar o comportamento de desfoque mais consistente.

2 curtidas

Explicação

Quando o texto de spoiler é colocado em uma pasta de detalhes, ele pode ser des Blurred como de costume clicando nele, mas clicar novamente não faz nada e ele não pode ser re Blurred. Fechar e reabrir a pasta de detalhes é ineficaz. Minha explicação sobre isso no Fórum Hopscotch explica isso melhor.

Demonstração

Sinta-se à vontade para usar esta pasta de detalhes como exemplo. Meu processo exato é explicado no tópico do Fórum Hopscotch.

Pasta de detalhes

Texto de exemplo

Como reproduzir

  1. Crie uma postagem com uma pasta de detalhes
  2. Coloque texto de spoiler nela
  3. Abra a pasta e des Blurred o texto
  4. O texto não pode ser re Blurred sem recarregar a página
2 curtidas

Obrigado pelas etapas de reprodução. É um pequeno inconveniente (especialmente porque está dentro de um bloco que pode ser alternado, então podemos ocultar o conteúdo alternando os detalhes), mas uma correção seria bem-vinda.
Colocarei um pr-welcome no tópico se alguém quiser tentar corrigi-lo.

O repositório do plugin está aqui: GitHub - discourse/discourse-spoiler-alert: A plugin for discourse to hide spoilers behind the spoiler-alert jQuery plugin

Mas tenho a sensação de que é mais um problema do recurso Ocultar Detalhes.

O conteúdo em Ocultar Detalhes nem sempre é exibido (e interage como esperado?). Por exemplo, imagens vinculadas, links, vídeos etc. não serão exibidos. Ele mostrará apenas os links:

Resumo

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

3 curtidas

Obrigado!

1 curtida