[Form|FormItem|Label]: Form labels with line breaks appear left-aligned
Maintainers usually reply within 2 days
Nobody has claimed this yet.
Assessment
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Newbie friendliness
- 72/100
- Issue type
- Bug
- Clarity
- Mostly clear
- Activity status
- Active
- Tech stack
- typescript
Research direction
Start with the Form, FormItem, and Label components and reproduce the issue using the linked isolated example in Chrome. Compare single-line and line-broken labels against the expected right-aligned examples, then verify that multi-line labels remain right-aligned without changing the existing single-line layout.
Written by the indexing model from the issue text.
Description
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:
Affected Component
Form, FormItem, Label
Expected Behaviour
The multi-line labels should appear right-aligned. Example. Another example.
Isolated Example
Steps to Reproduce
- 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.
- Dominant language
- TypeScript
- Stars
- 1.8k
- Forks
- 288
- Avg merge
- 2d 15h
- Merged PRs (30d)
- 45
Getting set up
- No Dockerfile or Docker Compose file
- Has a pull request template
- Read the contributing guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
More from UI5/webcomponents
-
[ui5-step-input]: wrong opacity on disabled statePossibly taken @minwookshin claimed this 9 days ago. Openbug Low Prio TOPIC B
Difficulty 2/5 1-3 hours Newbie friendliness 68/100
UI5/webcomponents#14061 · 1 comment ·
Maintainers usually reply within 2 days
-
Tab / TabContainer: Tab expand button (overflow arrow) incorrectly exposed as interactive element to screen readersPossibly taken @s-todorova claimed this 9 days ago. OpenACC TOPIC RD
Difficulty 2/5 1-3 hours Newbie friendliness 78/100
UI5/webcomponents#14004 · 2 comments · 1 assignee ·
Maintainers usually reply within 2 days
-
bug High Prio TOPIC Core
Difficulty 2/5 1-3 hours Newbie friendliness 68/100
UI5/webcomponents#13661 · 1 comment ·
Maintainers usually reply within 2 days
-
feature request Medium Prio TOPIC RL
Difficulty 2/5 1-3 hours Newbie friendliness 68/100
UI5/webcomponents#4619 · 3 comments ·
Maintainers usually reply within 2 days
-
bug
Difficulty 4/5 3-5 days Newbie friendliness 35/100
UI5/webcomponents#14135 ·
Maintainers usually reply within 2 days
All issues in UI5/webcomponents
Similar issues
-
Dependencies view: `getParent` loops forever on untitled documents, extension host runs out of memoryPossibly taken A pull request linked to this issue is open or already merged. Openbug
Difficulty 2/5 1-3 hours Newbie friendliness 70/100
Maintainers usually reply within 1 day
-
bug
Difficulty 2/5 Under an hour Newbie friendliness 82/100
awslabs/visual-asset-management-system#413 ·
Maintainers usually reply within 1 day
-
bug confirmed perf
Difficulty 2/5 1-3 hours Newbie friendliness 72/100
videojs/video.js#9400 · 1 comment ·
Maintainers usually reply within 1 day
-
bug pending triage scope/agent
Difficulty 1/5 Under an hour Newbie friendliness 82/100
Maintainers usually reply within 1 day
-
good first issue hacktoberfest
Difficulty 2/5 Half a day Newbie friendliness 70/100
HelpCode-ai/anythingmcp#996 ·
Maintainers usually reply within 1 day