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

Đã đóng Phù hợp với người mới
#14,116 2 bình luận 0 reaction 1 người được giao Xem trên GitHub

Maintainer thường phản hồi trong vòng 3 ngày

@nnaydenow đang làm issue này rồi.

Từ ngày 16/10/2026.

  • #14173 của @nnaydenow — đang mở

Đánh giá

Độ khó
2/5
Thời gian dự kiến
1-3 giờ
Mức phù hợp với người mới
72/100
Loại issue
Lỗi
Độ rõ ràng
Khá rõ ràng
Mức độ hoạt động
Sôi nổi
Công nghệ
typescript
Lĩnh vực
design, frontend

Hướng nghiên cứu

Bắt đầu với các component Form, FormItem và Label, rồi tái hiện sự cố bằng ví dụ độc lập được liên kết trong Chrome. So sánh các nhãn một dòng và các nhãn có ngắt dòng với các ví dụ dự kiến được căn phải, sau đó xác minh rằng các nhãn nhiều dòng vẫn được căn phải mà không thay đổi layout một dòng hiện có.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Mô tả

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.
Ngôn ngữ chính
TypeScript
Star
1.8k
Fork
290
Merge trung bình
3 ngày 12 giờ
Pull request đã merge (30 ngày)
54

Chuẩn bị môi trường

Bắt đầu từ đâu

  1. Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
  2. Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
  3. Fork repository và làm thay đổi trên một nhánh.
  4. Mở pull request có tham chiếu số hiệu của issue.

Issue khác của UI5/webcomponents

Tất cả issue của UI5/webcomponents

Issue tương tự

Thêm issue về TypeScript

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.