Skip to content
This repository has been archived by the owner on Jun 18, 2024. It is now read-only.

Broken styling for underlined & required TextField #94

Closed
kevicency opened this issue Sep 4, 2015 · 2 comments
Closed

Broken styling for underlined & required TextField #94

kevicency opened this issue Sep 4, 2015 · 2 comments
Assignees

Comments

@kevicency
Copy link

Adding is-required and ms-TextField--underlined to the same TextField component breaks the styling

screen shot 2015-09-04 at 11 53 44

Markup for the screenshot:

<div class="ms-TextField ms-TextField--underlined">
  <label class="ms-Label">Name:</label>
  <input class="ms-TextField-field" type="text">
</div>

<div class="ms-TextField is-required ms-TextField--underlined">
  <label class="ms-Label">Name:</label>
  <input class="ms-TextField-field" type="text">
</div>
@Jahnp
Copy link
Collaborator

Jahnp commented Sep 4, 2015

That's pretty gross. Thanks for the tip, we'll look into this.

@philworthington
Copy link
Contributor

Great catch. Pull request #98 should fix the issue.

philworthington added a commit that referenced this issue Sep 17, 2015
Fixes #94. Fix label wrapping issue in underlined textfield.
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

No branches or pull requests

4 participants