Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Input fields: Floating label not translated to top when Outlined and FullWidth #598

Closed
dbereghici opened this issue Jun 10, 2020 · 0 comments
Labels
bug Something isn't working waiting release This issue has been fixed in the dev branch and is waiting release

Comments

@dbereghici
Copy link

dbereghici commented Jun 10, 2020

Describe the bug
After setting the Outlined and FullWidth properties to true, the label is not translated to the top of the input.

To Reproduce
Steps to reproduce the behavior:

  1. Set the Outlined="true" FullWidth="true" properties to an input field (MatTextField, MatAutocompleteList etc)
  2. Write something in the input
  3. See that the label is not moving to top when typing
    image

Expected behavior
image

Possible cause
Since the upgrade for @Material from 4.0.0 to 6.0.0 (3fcf00b), the css selector is not specific enough:

v4.0.0:
image
v6.0.0:
image

@dbereghici dbereghici added the bug Something isn't working label Jun 10, 2020
@lindespang lindespang added the waiting release This issue has been fixed in the dev branch and is waiting release label Jun 11, 2020
@SamProf SamProf closed this as completed in 8a017b7 Jul 5, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working waiting release This issue has been fixed in the dev branch and is waiting release
Projects
None yet
Development

No branches or pull requests

2 participants