Skip to content
This repository was archived by the owner on Dec 23, 2022. It is now read-only.
This repository was archived by the owner on Dec 23, 2022. It is now read-only.

HelperText component overflow the container #266

@VincentCharpentier

Description

@VincentCharpentier

I'm trying to use the HelperText with material-chip-input.

The helper text div has a class (.ChipInput-helperText-74) which apply margin-bottom: -20px.

I expected the whole component to fit its container, even if it means it will grows at some point.
Is it expected or a bug ?

Thank you


after some DOM manipulation I found out that I needed two changes to make the component work as I expect:

  • the chip container (.ChipInput-chipContainer-67) must have position:relative
  • the helper text should not have margin-bottom: -20px (it has margin provided by material-ui)

Sorry, I don't have the time to make a proper contribution :(

Metadata

Metadata

Assignees

No one assigned

    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