Support floating labels with form adornments

Aperta
#43,318 0 commenti 1 reazione 0 assegnatari Vedi su GitHub

I maintainer di solito rispondono entro 1 giorno

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
4/5
Tempo stimato
3-5 giorni
Idoneità per principianti
52/100
Tipo di issue
Funzionalità
Chiarezza
Abbastanza chiara
Stato di attività
Attiva
Stack tecnologico
css, html, javascript, scss

Direzione di ricerca

Start by reading the floating label and form adornment documentation and implementation, then check related issue #37935 for context. Determine how the recommended markup can keep the label associated with the input while leaving the adornment outside its accessible name. Done when labels float correctly, interactive adornments work with mouse and keyboard, and the docs include an example.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

css docs feature v6

Let's make floating labels work with form adornments in Bootstrap 6. A field should be able to use a floating label alongside an icon or a separate control, like a button that opens a help tooltip.

Keep the label associated with the actual input and the adornment separate from the label so it doesn't become part of the field's accessible name. Check that the label still floats correctly and that interactive adornments work with both mouse and keyboard. Add a docs example showing the recommended markup.

Related to #37935. This is for v6 only.

Lingua principale
MDX
Stelle
175k
Fork
78.7k
Merge medio
1g 7h
PR unite (30g)
103

Preparare l'ambiente

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di twbs/bootstrap

Tutte le issue di twbs/bootstrap

Issue simili

Altre issue su Accessibility

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.