Este é um tópico de feedback para o experimento de alterações de estilo de detalhes.
Um exemplo da tag details usando BBCode:
abc
testando 123 123
123
Um exemplo da tag details usando HTML:
11 curtidas
Usando o HTML \u003cdetails\u003e parece que o conteúdo está sendo inserido no resumo:
\u003cdetails open\u003e
\u003csummary\u003e
Este é um details aberto
\u003c/summary\u003e
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In et ultricies ante. Fusce vel nisi tristique, tristique urna ut, dapibus lacus. Nulla dignissim quis ex a interdum. Integer nisl nisl, egestas in efficitur a, gravida vitae odio. Proin ut velit sit amet quam malesuada aliquet. Cras tempus in risus vel lacinia. Vivamus ut luctus nunc. Duis risus velit, molestie non lectus vitae, ornare gravida elit.
\u003c/details\u003e
\u003cdetails\u003e
\u003csummary\u003e
Este é um details HTML
\u003c/summary\u003e
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In et ultricies ante. Fusce vel nisi tristique, tristique urna ut, dapibus lacus. Nulla dignissim quis ex a interdum. Integer nisl nisl, egestas in efficitur a, gravida vitae odio. Proin ut velit sit amet quam malesuada aliquet. Cras tempus in risus vel lacinia. Vivamus ut luctus nunc. Duis risus velit, molestie non lectus vitae, ornare gravida elit.
\u003c/details\u003e
Ah, entendi. Ele não está recebendo uma nova linha automática e eu não adicionei uma manualmente:
\u003cdetails open\u003e
\u003csummary\u003e
Este é um details aberto
\u003c/summary\u003e
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In et ultricies ante. Fusce vel nisi tristique, tristique urna ut, dapibus lacus. Nulla dignissim quis ex a interdum. Integer nisl nisl, egestas in efficitur a, gravida vitae odio. Proin ut velit sit amet quam malesuada aliquet. Cras tempus in risus vel lacinia. Vivamus ut luctus nunc. Duis risus velit, molestie non lectus vitae, ornare gravida elit.
\u003c/details\u003e
Resumo
Este texto ficará oculto
5 curtidas
Sim, você está correto. Parece que ao adicionar isso manualmente, você não incluiu tags p, enquanto ao adicionar com a ferramenta de inserção de detalhes, ela o fará.
O seu:
<details dir="ltr" open="">
<summary>
This is a HTML details
</summary>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In et ultricies ante. Fusce vel nisi tristique, tristique urna ut, dapibus lacus. Nulla dignissim quis ex a interdum. Integer nisl nisl, egestas in efficitur a, gravida vitae odio. Proin ut velit sit amet quam malesuada aliquet. Cras tempus in risus vel lacinia. Vivamus ut luctus nunc. Duis risus velit, molestie non lectus vitae, ornare gravida elit.
</details>
Ferramentas de Inserção:
<details dir="ltr" open="">
<summary>Summary</summary>
<p>This text will be hidden</p>
</details>
A tag p adicionada pela ferramenta de inserção mantém o texto em uma nova linha.
1 curtida
Ah. Você não precisa adicionar as tags \u003cp\u003e no estilo existente. Suponho que esta nova seja mais \u003cp\u003egrudenta. 
2 curtidas
Alguns comentários iniciais:
- Eu passei por cima do novo elemento
[details]quando o vi pela primeira vez. Simplesmente não registrou como um[details]. Pode ser “apenas porque é novo”, mas… - Está divorciado do design anterior e da implementação padrão do navegador – o chevron está depois do resumo em vez de antes, e o estado fechado aponta na direção que anteriormente (e por padrão) significava o estado aberto.
fechado:
aberto:
- O elemento botão/resumo ocupa muito mais espaço (anteriormente era um elemento semi-inline)
vs - Como visto acima, anteriormente o triângulo/chevron estava alinhado com o texto e agora o texto “Summary” não está, por causa do preenchimento do botão (nada está alinhado com nada
)
- No celular, após interagir com ele, o fundo do botão permanece destacado
- Eu teria votado na borda em vez da opção de fundo – eu preferiria que ocultar algum conteúdo fizesse exatamente isso, sem afetar o contraste (relevante principalmente no caso de imagens e emojis incorporados)
atualização:
- Uma área clicável reduzida:
vs
7 curtidas
Esse foi meio que o ponto, tornar melhor significa divergir um pouco de como era, especialmente divergir de um padrão do navegador. Agora estamos seguindo o padrão do botão “Respostas” na parte inferior das postagens com várias respostas.
Boa observação!
Outra boa observação, vou verificar isso 
Não tenho certeza se usar um emoji preto/escuro em um fundo escuro/preto é algo que poderíamos resolver aqui…
Isso também é um pouco confuso, você estava clicando em algum lugar que não fosse o texto antes? Era comum você clicar aqui?
3 curtidas
Sim. Eu usava bastante, especialmente no celular. 
A área menor é mais difícil de acertar. Acho que é onde meu polegar fica na tela.
5 curtidas
Sim! Essa é uma das expectativas dos padrões da plataforma: \u003cdetails\u003e, como caixas de seleção/rádios e seus \u003clabel\u003es, têm uma aparência e um comportamento específicos. Por exemplo, eu faço o mesmo no GH:
1 Resposta
Na verdade, não sei se torná-lo semelhante à outra coisa é bom 
1 curtida
Olá! Por favor, me perdoe se minha pergunta não estiver totalmente correta 
Seria possível adicionar uma função para mostrar conteúdo oculto dependendo do grupo de usuários. Por exemplo, se o usuário não for registrado ou não for membro deste ou daquele grupo, ele não poderá ver os detalhes e uma janela modal será exibida para ele, onde haverá instruções para obter acesso (por exemplo, registrar-se)?
Eu sei da existência de componentes de tema/plugins que ocultam todo o tópico ou categoria. Simplesmente, às vezes você quer dar aos usuários a oportunidade de ler apenas informações primárias.
1 curtida
Não é algo que tenha sido utilizado dessa forma, pois normalmente uma categoria é restrita a certos grupos ou usuários, e não detalhes dentro de uma postagem nessa categoria.
Dito isso, tenho certeza de que isso poderia ser feito em um plugin, mas este tópico não seria ideal para essa discussão.
1 curtida
Pequena observação, mas isso parece ligeiramente diferente da cor de fundo da citação, este é o tipo de “quase lá” que pode parecer um erro. Acho que deveria combinar ou ser visivelmente diferente.
Outras ideias…
Esta é uma citação manual
Esta é uma citação parcial, que pode ser expandida
Talvez possamos adaptar este estilo ligeiramente? Mesma margem, fundo e expansão… teríamos que pelo menos remover a borda para que parecesse menos com uma citação
Talvez um estilo completamente diferente?
7 curtidas
Não estou alinhado
Desistir do alinhamento aqui me incomoda um pouco:
Isso é mais perceptível quando você começa com um bloco de detalhes
4 curtidas
Olá 
Estou apenas pensando alto… O cabeçalho é necessário para ser exibido por padrão? Quero dizer, na maioria das vezes ele usa o Summary padrão e provavelmente a maioria dos usuários não sabe que ele pode ser único e talvez seja mais natural se o texto dentro de details for truncado com reticências e o final mostrar ...mostrar mais se estiver recolhido e mostrar menos se expandido. Por exemplo, a primeira linha truncada do conteúdo seria o cabeçalho automaticamente. Esta pode ser uma visualização padrão, mas os usuários podem adicionar o cabeçalho separadamente se quiserem?
4 curtidas
Para ser justo: a implementação é que clicar em um rótulo deve definir seu botão de rádio, não necessariamente que clicar na linha vazia inteira atrás de um rótulo também funcione.
2 curtidas
Como você se sentiria em relação ao estado de sobreposição ser permanente? Assim, ele ficaria alinhado como um “botão” com o texto abaixo e acima.
- O chevron não está alinhado com o texto (está um pouco mais para cima)
vs
(e não é o mesmo ícone de chevron?
) - O menu do compositor usa um triângulo para indicar o recurso de detalhes
- Adicionando ao item 2.
Colocar o ícone após o texto torna mais difícil de reconhecer, especialmente ao apenas escanear rapidamente uma postagem
- Adicionando também ao item 2.
Em relação à direção para a qual o ícone aponta: dado que ele funciona como um alternador, não faria sentido invertê-lo para que denote o estado atual em vez da ação/estado futuro (isso se aplica também ao botão “Respostas”) - Não tem estado de foco quando navegado com tab
- O estado de passagem do mouse só é visível quando fechado
5 curtidas
Talvez… @awesomerobot, o que acha?
Pequeno bug – Ao abrir um detalhe, você rola para cima até carregar mais posts (e um pouco mais); ao voltar, o conteúdo do detalhe não é renderizado (EDIT: ou fechado, mas eu não esperaria que fosse fechado aqui)
3 curtidas
Sim, tratá-lo como um botão pode funcionar… quase como a tag HTML details existente, (mais um chevron)
Expandir me
Aqui está algum conteúdo cortado... Aqui está algum conteúdo cortado... Aqui está algum conteúdo cortado... Aqui está algum conteúdo cortado... Aqui está algum conteúdo cortado... Aqui está algum conteúdo cortado... Aqui está algum conteúdo cortado...Também…
E se eu usar um parágrafo como conteúdo do resumo? Isso pode ter qualquer comprimento e quebras de linha podem ser estranhas. Isso deve ser limitado? existe um caso de uso para um texto de resumo muito, muito longo? Próxima linha chevron:
aqui estão os detalhes
3 curtidas