Questo è un argomento di feedback per l’esperimento di modifica dello stile dei dettagli.
Un esempio del tag details che utilizza BBCode:
abc
testing 123 123
123
Un esempio del tag details che utilizza HTML:
11 Mi Piace
Utilizzando l’elemento HTML \u003cdetails\u003e sembra che il contenuto venga inserito nel riepilogo:
\u003cdetails open\u003e
\u003csummary\u003e
Questo è un dettagli aperto
\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
Questo è un dettagli 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
Oh, capisco. Non viene aggiunta una nuova riga automatica e non ne ho aggiunta una manualmente:
\u003cdetails open\u003e
\u003csummary\u003e
Questo è un dettagli aperto
\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
Riepilogo
Questo testo sarà nascosto
5 Mi Piace
Sì, hai ragione. Sembra che quando lo hai aggiunto da solo, non hai incluso i tag p, mentre quando lo aggiungi con lo strumento di inserimento dei dettagli, lo farà.
Il tuo:
<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>
Strumenti di inserimento:
<details dir="ltr" open="">
<summary>Summary</summary>
<p>This text will be hidden</p>
</details>
Il tag p aggiunto dallo strumento di inserimento mantiene il testo su una nuova riga.
1 Mi Piace
Ah. Non devi aggiungere i tag <p> nello stile esistente. Suppongo che questo nuovo sia più “appiccicoso” con i <p>. 
2 Mi Piace
Alcuni feedback iniziali:
- Ho sorvolato sull’elemento
[details]quando l’ho incontrato per la prima volta. Semplicemente non mi è sembrato un[details]. Potrebbe essere “solo perché è nuovo”, ma… - È scollegato dal design precedente e dall’implementazione predefinita del browser: il chevron è dopo il riepilogo invece che prima, e lo stato chiuso punta nella direzione che in precedenza (e per impostazione predefinita) significava stato aperto.
chiuso:
aperto:
- Il pulsante/riepilogo occupa molto più spazio (in precedenza era un elemento semi-inline)
vs - Come visto sopra, in precedenza il triangolo/chevron era allineato con il testo e ora il testo “Summary” non lo è, a causa del padding del pulsante (nulla è allineato con nulla
)
- Su mobile, dopo aver interagito con esso, lo sfondo del pulsante rimane evidenziato
- Avrei votato per il bordo piuttosto che per l’opzione di sfondo: preferirei che nascondere alcuni contenuti facesse proprio questo, senza influire sul contrasto (rilevante soprattutto in caso di immagini incorporate ed emoji)
aggiornamento:
- Un’area cliccabile ridotta:
vs
7 Mi Piace
Questo era in parte il punto, rendere le cose migliori significa discostarsi da come erano, specialmente discostarsi da un’impostazione predefinita del browser. Ora stiamo seguendo lo schema del pulsante “Risposte” in fondo ai post con più risposte.
Bella osservazione!
Un’altra bella osservazione, ci darò un’occhiata 
Non sono sicuro che usare un’emoji nera/scura su uno sfondo scuro/nero sia qualcosa che potremmo risolvere qui…
Anche questo è un po’ confuso, stavi cliccando da qualche altra parte oltre al testo prima? Era comune per te cliccare qui?
3 Mi Piace
Sì. L’ho usato parecchio, specialmente su mobile. 
L’area più piccola è più difficile da colpire. Penso che sia dove il mio pollice si trova sullo schermo.
5 Mi Piace
Sì! Questa è una delle aspettative dei valori predefiniti della piattaforma: dettagli, come caselle di controllo/radio e le loro etichette, hanno un certo aspetto e comportamento. Ad esempio, faccio lo stesso su GH:
1 Reply
In realtà non so se renderlo simile all’altra cosa sia un bene 
1 Mi Piace
Ciao! Perdonami se la mia domanda non è del tutto corretta 
Sarebbe possibile aggiungere una funzione per mostrare contenuti nascosti a seconda del gruppo di utenti. Ad esempio, se l’utente non è registrato o non è membro di questo o quel gruppo, allora non potrà visualizzare i dettagli e gli verrà mostrata una finestra modale, dove ci saranno le istruzioni per ottenere l’accesso (ad esempio, registrarsi)?
Conosco l’esistenza di componenti/plugin del tema che nascondono l’intero argomento o categoria. Semplicemente, a volte si vuole dare agli utenti la possibilità di leggere solo le informazioni primarie.
1 Mi Piace
Non è qualcosa che è stato utilizzato in quel modo, poiché tipicamente una categoria è limitata a determinati gruppi o utenti, e non ai dettagli all’interno di un post in quella categoria.
Detto questo, sono sicuro che questo potrebbe essere fatto in un plugin, ma questo argomento non sarebbe ideale per quella discussione.
1 Mi Piace
Piccola osservazione, ma questo sembra leggermente diverso dal colore di sfondo della citazione, questo è il tipo di “quasi ma non proprio” che può sembrare un errore. Penso che dovrebbe corrispondere, o essere chiaramente diverso.
Altri pensieri…
Questa è una citazione manuale
Questa è una citazione parziale, che può essere espansa
Forse potremmo adottare leggermente questo stile? Stessa spaziatura, sfondo ed espansione… dovremmo almeno rimuovere il bordo per farlo sembrare meno simile a una citazione
Forse uno stile completamente diverso?
7 Mi Piace
Non sono allineato
Rinunciare all’allineamento qui mi preoccupa un po’:
Questo è più evidente quando si inizia con un blocco di dettagli.
4 Mi Piace
Ciao 
Sto solo pensando ad alta voce… L’intestazione è necessaria per essere mostrata per impostazione predefinita? Voglio dire, nella maggior parte dei casi utilizza il Summary predefinito e probabilmente la maggior parte degli utenti non sa che può essere univoco e forse sarebbe più naturale se il testo all’interno di details venisse troncato con puntini di sospensione e alla fine mostrasse ...mostra di più se è collassato e mostra meno se è espanso. Ad esempio, la prima riga troncata del contenuto sarebbe automaticamente l’intestazione. Questa potrebbe essere una visualizzazione predefinita, ma gli utenti possono aggiungere l’intestazione separatamente se lo desiderano?
4 Mi Piace
A dire il vero: l’implementazione è che fare clic su un’etichetta dovrebbe selezionare il suo pulsante radio, non necessariamente che fare clic sull’intera riga vuota dietro un’etichetta funzioni anche.
2 Mi Piace
Come ti sentiresti riguardo allo stato di hover permanente? In questo modo sarebbe allineato come un “pulsante” con il testo sopra e sotto.
- Il chevron non è allineato con il testo (è posizionato un po’ troppo in alto)
vs
(e non è lo stesso chevron? :occhi:) - Il menu del compositore utilizza un triangolo per indicare la funzionalità dei dettagli
- Aggiunta alla 2.
Posizionare l'icona dopo il testo rende più difficile il riconoscimento, specialmente quando si scorre velocemente un post
- Aggiunta anche alla 2.
Per quanto riguarda la direzione verso cui punta l’icona: dato che funge da interruttore, non avrebbe senso invertirla in modo che indichi lo stato attuale piuttosto che l’azione/stato futuro (questo si applica anche al pulsante “Risposte”) - Non ha uno stato di focus quando ci si accede con tab
- Lo stato di hover è visibile solo quando è chiuso
5 Mi Piace
Forse… @awesomerobot cosa ne pensi?
Bug minore – Quando apri un dettaglio, scorri verso l’alto finché non carichi altri post (e un po’ di più); una volta tornato indietro, il contenuto del dettaglio non viene visualizzato (MODIFICA: o chiuso, ma non mi aspetterei che venisse chiuso qui)
3 Mi Piace
Sì, trattarlo come un pulsante potrebbe funzionare… quasi come l’esistente tag HTML details, (più un chevron)
Espandi me
Ecco del contenuto troncato... Ecco del contenuto troncato... Ecco del contenuto troncato... Ecco del contenuto troncato... Ecco del contenuto troncato... Ecco del contenuto troncato... Ecco del contenuto troncato...Inoltre…
E se usassi un paragrafo come contenuto del riepilogo? Questo potrebbe essere di qualsiasi lunghezza e le interruzioni di riga possono essere strane. Dovrebbe essere limitato? c'è un caso d'uso per un testo di riepilogo molto molto lungo? Chevron della riga successiva:
ecco i dettagli
3 Mi Piace