Hacktoberfest 2026: le issue che i maintainer hanno segnato per ottobre, aperte e adatte ai principianti. Sfoglia le issue Hacktoberfest

[Form|FormItem|Label]: Form labels with line breaks appear left-aligned

Chiusa Adatta ai principianti
#14,116 2 commenti 0 reazioni 1 assegnatario Vedi su GitHub

I maintainer di solito rispondono entro 3 giorni

@nnaydenow ci sta già lavorando.

Dal 16/10/2026.

  • #14173 di @nnaydenow — aperta

Valutazione

Difficoltà
2/5
Tempo stimato
1-3 ore
Idoneità per principianti
72/100
Tipo di issue
Bug
Chiarezza
Abbastanza chiara
Stato di attività
Attiva
Stack tecnologico
typescript
Ambito
design, frontend

Direzione di ricerca

Inizia con i componenti Form, FormItem e Label e riproduci il problema usando l’esempio isolato collegato in Chrome. Confronta le etichette su una sola riga e quelle su più righe con gli esempi previsti allineati a destra, quindi verifica che le etichette su più righe rimangano allineate a destra senza modificare il layout esistente su una sola riga.

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

Descrizione

bug Low Prio TOPIC Core
Bug Description

In form layouts where the label and data/input appear on the same line, the labels are right-aligned. However, when a label has a line break, it appears left-aligned:

Image
Affected Component

Form, FormItem, Label

Expected Behaviour

The multi-line labels should appear right-aligned. Example. Another example.

Image Image
Isolated Example

https://ui5.github.io/webcomponents/play/#eNrtVltv2jAU_ituntqqIUV0U0Up2ka7CYleNDrtIl5MfAB3jh3FBoqq_vcd2wkLLdCo3cMeKpDAx-d837navg-4ZHBXm5hEBM37QNIEgmZZeBDEShqQBsWtnTAkqaCLcaamkoUjJRgJw_ZAtnbOrjo3P6_PiTWyAvtLBJXj00EAchCg7PGnNQHKUE7w29JmIcAu9ptSmd0mgxGXwPbIPcoY15a2SaSScIKCB2vvuNz-SGUxsDBWQmUhZbdTbVZ0SSsq8N_o3uj-W7pWAoaSeEIzDQYH59vN5_DYzU6-ZecT5TMO81RlZhCQfDpROOfMTE4ZzHgMoVscEC654VSEOqYCTuu1wxzMcIOcfZqkAlqRX-FARvlE4t-hYgviXEPoIY1_5zPvImmSGc12w1DT9NNyq2N39k4mwMcTDPLo8DC9y-nWnBshyOLsmPJ3KMqSJZ1zvpkD4CEyBIwgpRK3-g1y0SC9BvnRa-TghXnIDSTWeTMwTugMbQXQziauK1OE00LZbLnNjk-elU7U3MUm25eo2oqWAGVELtOpwdjF1Lr5FRi5Vlwa0jcqA40wnJW52h7GWTkYv15xVubQWyJwoDFmzmSL3lAgjY8pF_VBVAmr47U3RKZBQGxWqDwujWPQmg8FhDauMIPRI29ymBxIpYYj20ds9IwKTj1fLl2jSTwzsPYXyBIqF88ZtM_lGO8VtkbPizzgq_PNzWqycV2xgX51r0lHMYg6aLO1k5ZMHrlorKN6fXPmC7-eNNfaHr2g2J9qLl-A97Lk-WzNdcVcfYdhH4EqzRueNrVYJcWY5Rz_csiwZwFMuexeUjGYvlN-vuJl0HKh8BzZWKeSa9srX2K4nCZDyFZ56u_rxy8ieU07MBAVU3gGgs8gWxDKGB6pulJjXMI873EXfMFWIQTyV-RXjM_8i3TDteWvLHwUxBlPDTGL1DqQKDYVYCPJYrvEWtZutfPAK7rL1V6p_nKNilfy1osxeDgooEpv80JSfphH-2WUCWdA9qOB5Il9JJBBUItK23qaWrFzEF8hT22dByv2HzBJ0RyGOH0pvl2k0ZgobaLPmLcCp5JyF9Ne2aBnq15Zu2vLXFm77y6JyupX7pop1G1pHv4ARRarMw

Steps to Reproduce
  1. Observe the "ZIP Code/City" and "Delivery address" labels.
Log Output, Stack Trace or Screenshots

No response

Priority

None

UI5 Web Components Version

2.27.2

Browser

Chrome

Operating System

Windows 11

Additional Context

No response

Organization

No response

Declaration
  • I’m not disclosing any internal or sensitive information.
Lingua principale
TypeScript
Stelle
1.8k
Fork
289
Merge medio
3g 17h
PR unite (30g)
55

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 UI5/webcomponents

Tutte le issue di UI5/webcomponents

Issue simili

Altre issue su TypeScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.