Skip to content

Input with labels render incorrectly inside of a Paper object. #70

@echobops

Description

@echobops

Using Input components inside of a Paper component forces the Input labels to have a line-height css property of 100px, instead of their default (20px?). This pushes the labels below the input line/box. As in the example below, "Username" will render below the input box, while "Password" will render properly on the input box.

image 001

<Paper className={'e-text-indigo-400 e-background-white'}>
  <Input type={'text'} name={'label'} label={'Username'}/>
</Paper>
<Input type={'text'} name={'label'} label={'Password'}/>

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    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