docs(android): record the body-state name collision next to the icon trap
This commit is contained in:
@@ -759,6 +759,13 @@ téléphone qu'on voudra ensuite ouvrir sur le poste demandera un import.
|
|||||||
au nom de l'entrée. Sans pastille : le dessin seul, cible maintenue à 44 px.
|
au nom de l'entrée. Sans pastille : le dessin seul, cible maintenue à 44 px.
|
||||||
Chaque icône porte son `aria-label`.
|
Chaque icône porte son `aria-label`.
|
||||||
|
|
||||||
|
*Piège CSS, de la même famille* : ne jamais donner à un **état du `body`** le
|
||||||
|
nom d'une classe que porte déjà un élément. Le voile d'attente s'appelait
|
||||||
|
`busy` et l'état aussi — donc `.busy { display: none }` s'appliquait au
|
||||||
|
`body`, et la page entière s'éteignait dès qu'une opération commençait. Les
|
||||||
|
états portent des noms que rien d'autre ne porte (`is-busy`, `typing`,
|
||||||
|
`selecting`, `on-list`, `on-detail`).
|
||||||
|
|
||||||
*Piège, à retenir avant d'ajouter le prochain bouton-icône* : la cible de
|
*Piège, à retenir avant d'ajouter le prochain bouton-icône* : la cible de
|
||||||
l'appui devient le `<svg>` ou l'un de ses traits, jamais le bouton. Lire
|
l'appui devient le `<svg>` ou l'un de ses traits, jamais le bouton. Lire
|
||||||
`ev.target.getAttribute('data-…')` rend alors `null` et le gestionnaire
|
`ev.target.getAttribute('data-…')` rend alors `null` et le gestionnaire
|
||||||
|
|||||||
Reference in New Issue
Block a user