Hacktoberfest 2026:メンテナが10月に向けて印を付けた、オープンで初心者向けの issue。 Hacktoberfest の issue を見る

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

クローズ 初心者向け
#14,116 コメント 2 件 リアクション 0 件 担当者 1 名 GitHub で見る

メンテナーはふだん 3 日以内に返信

@nnaydenow がすでに取り組んでいます。

2026年10月16日 から。

  • #14173 @nnaydenow による — オープン

評価

難易度
2/5
見積もり時間
1〜3時間
初心者へのやさしさ
72/100
issue の種類
バグ
明瞭さ
おおむね明確
活発さ
活発
技術スタック
typescript
領域
design, frontend

調査の方向性

Form、FormItem、Label コンポーネントから始め、Chrome でリンクされた分離された例を使って問題を再現します。1 行のラベルと改行されたラベルを、右揃えになっている想定の例と比較し、その後、既存の 1 行レイアウトを変更せずに複数行のラベルが右揃えのままになることを確認します。

索引モデルが issue の本文から書いたものです。

説明

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.
主要言語
TypeScript
スター
1.8k
フォーク
289
平均マージ
3日 18時間
マージ済み PR(30日)
46

環境構築

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

UI5/webcomponents のほかの issue

UI5/webcomponents の issue をすべて見る

似ている issue

TypeScript の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。