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.

Sign up for GitHub

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

Jump to bottom

Switch out of alignment with formfield #1034

Closed
asyncLiz opened this issue Mar 24, 2020 · 0 comments · Fixed by #1037
Closed

Switch out of alignment with formfield #1034

asyncLiz opened this issue Mar 24, 2020 · 0 comments · Fixed by #1037
Assignees
@asyncLiz
Labels
Type: Bug Something isn't working

Comments

@asyncLiz
Copy link
Collaborator

Describe the bug
The switch is out of alignment with <mwc-formfield>.

To Reproduce

<mwc-formfield label="Foo">
  <mwc-switch></mwc-switch>
</mwc-formfield>

https://jsbin.com/neyerixuci/edit?html,output

Expected behavior
The alignment of the label should be centered with the switch.

Screenshots

77407135-fbd88280-6db5-11ea-8507-d27c6b27dbdb

Browser Version (please complete the following information):

  • OS: OS X
  • Browser: Chrome
  • Version: 80

Additional context
Setting the :host to display: inline-flex will fix this issue. Originally reported at #999
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@asyncLiz asyncLiz

Labels
Type: Bug Something isn't working
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

fix(switch): use CSS custom properties for theming material-components/material-web
1 participant
@asyncLiz