Skip to content

[EuiFormControlLayoutDelimited] Compressed layout breaks text inputs #5958

@Zacqary

Description

@Zacqary

Screen Shot 2022-06-07 at 4 11 53 PM

To reproduce:

  • Create an <EuiFormControlLayoutDelimited compressed={true}>
  • Add an EuiFieldText or EuiFieldNumber to the startControl or endControl
  • Observe that the field doesn't fill the form control vertically

Workaround:

Set the .euiFormControlLayout__childrenWrapper inside the <EuiFormControlLayoutDelimited> to height: 100%

Metadata

Metadata

Assignees

No one assigned

    Labels

    answeredIssues answered by the EUI team - auto-closes open issues in 7 days if no follow-up responseemotionkibana

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions