Skip to content

Height mismatch between BitDropdown and BitNumberField #12104

@nfsdns

Description

@nfsdns

Is there an existing issue for this?

  • I have searched the existing issues

Describe the bug

There is a visual height inconsistency between BitDropdown and BitNumberField.

When rendered on the same page with default styling:

Image Image

and also lables are not equal:

Image Image

and the label container div has 2px that makes the label of BitNumberField 32 px

Image

at the end BitNumberField with it's label is:

Image

and the BitDropdown with it's label is:

Image

and the final look with default style is:
Image

Even when using:
VerticalAlign="BitAlignment.End" inside BitStack, the components are still not perfectly aligned.
This creates small but visible misalignment in form layouts.

Expected Behavior

Both input components should have identical height when using default styles, so they align properly in forms and grid layouts.

Steps To Reproduce

  1. Add BitDropdown and BitNumberInput to the same page
  2. Use default styling (no custom CSS)
  3. Inspect elements in browser dev tools
  4. Compare computed height

Exceptions (if any)

No response

.NET Version

No response

Anything else?

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    Status

    Investigating

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions