Design problem

• The NumberInput component right-aligns its contents for the following reasons:

  • It's consistent with numbers being right-aligned within cells.
  • It allows the user's cursor to remain in a consistent position while entering numbers, whereas left-aligning the contents causes the cursor to jump around as grouping separators are automatically added/removed from the number while the user types. @pavish Has expressed a strong opinion to keep numbers right-aligned for this reason.

• On the Record Page, the right-aligned numbers can look a bit weird because they are so far from their corresponding labels, and they're out of alignment with the other fields on the page.

  

Possible solutions

• Left-align numbers on the Record Page. Pavish argues against this, to avoid the cursor moving as grouping separators are automatically added to the number. If we do choose to left-align numbers on the Record Page, the we should also consider how to best align numbers for other usages of the NumberInput component (e.g. Record Selector search, default value entry, filter condition).
• Reduce width of the field
• Keep it as-is
• Something else?