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

Removed negative margin on FormHelperText #310

Open
wants to merge 1 commit into
base: master
Choose a base branch
from

Conversation

vdh
Copy link
Contributor

@vdh vdh commented Apr 3, 2020

A negative margin is not how the official TextField handles the FormHelperText, so it shouldn't be baked into this style here.

Fixes #266

A negative margin is not how the official TextField handles the FormHelperText, so it shouldn't be baked into this style here.

Fixes TeamWertarbyte#266
@coveralls
Copy link

Coverage Status

Coverage remained the same at 84.874% when pulling 0623d05 on vdh:patch-1 into aebb65c on TeamWertarbyte:master.

@delewis13
Copy link

Would be good to get this merged, seeing same issue on my end

@dulev
Copy link

dulev commented Oct 29, 2020

This creates another problem. The underlining is moved under the helper text:
image

@vdh
Copy link
Contributor Author

vdh commented Nov 2, 2020

@dulev I can't debug a screenshot, please provide a reproduction…?

@vdh
Copy link
Contributor Author

vdh commented Nov 2, 2020

From a preliminary investigation (via the Storybook and manually disabling the style in Chrome Developer Tools), it looks like for the standard variant it seems to be problematic, whilst filled or outlined (the variant I was using most) seem unaffected.

The underline for the standard variant seems to be attached to the wrong element, instead of its child element?

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

HelperText component overflow the container
4 participants