question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Form.Item labelAlign does not work

See original GitHub issue
  • I have searched the issues of this repository and believe that this is not a duplicate.

Reproduction link

Edit on CodeSandbox

Steps to reproduce

<Form.Item label="label" labelAlign="right">
     item
</Form.Item>

What is expected?

Label align to left

What is actually happening?

Label still align to right.

Environment Info
antd 3.16.3
React 16.8.6
System Window 10
Browser Chrome

The third item is what to be expected with text-align: left;

Also, it works on <Form> but the type definition and documentation also said it is available on <Form.Item>.

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Comments:10 (4 by maintainers)

github_iconTop GitHub Comments

github_iconTop Results From Across the Web

How to resolve text alignment issue in AntD form
There is an option for Form.Item to display the colon behind the label . You can check it out here. Disable it would...
Read more >
Form - Ant Design
High performance Form component with data scope management. Including data collection, verification, and styles.
Read more >
Form - Ant Design
Does not work when multiple Item with same name setting the initialValue. Why onFieldsChange triggers three times on change when field sets rules...
Read more >
The source code
Base} or {@link Ext.form.FieldContainer}. Use of this mixin does not make a component a field in the logical sense, meaning it does not...
Read more >
Form | ArcoDesign
A form with data collection, verification and submission functions, including checkboxes ... Item` will automatically set `value` (or other attribute set by ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found