question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

md-radio breaks all the styling in my app

See original GitHub issue

Bug, feature request, or proposal:

Bug

What is the expected behavior?

md-radio should render and styles are not broken

What is the current behavior?

breaks all the styling and outputs error to console

What are the steps to reproduce?

download this repo https://github.com/ladyleet/ng-tattoo-demo/tree/96bc0c5c127d45d74531682a2b8d49b35bcf4e06

this is the html that is breaking everything.

<div>
    <h2>Radio Example</h2>
    <md-radio-group>
      <md-radio-button value="option_1">1</md-radio-button>
      <md-radio-button value="option_2">2</md-radio-button>
    </md-radio-group>
 </div>

What is the use-case or motivation for changing an existing behavior?

So it’s not broken

Which versions of Angular, Material, OS, browsers are affected?

rc.4

Issue Analytics

  • State:closed
  • Created 7 years ago
  • Comments:9 (7 by maintainers)

github_iconTop GitHub Comments

1reaction
karacommented, Jul 8, 2016

Yep, as @Neo11 mentions, it won’t work without that provider. Looks like it escaped the documentation, so added an issue for to update the docs: https://github.com/angular/material2/issues/834

Try adding the provider, and if you’re still having issues, please feel free to re-open.

1reaction
Neo11commented, Jul 8, 2016

As the thrown error shows, this Provider is missing

providers: [MdUniqueSelectionDispatcher],
Read more comments on GitHub >

github_iconTop Results From Across the Web

How to align the radio buttons horizontally in angular material?
If you use layout row and your radio group is in a row layout parent the text vertical aligin will break. The soulution...
Read more >
Styling in React: 5 ways to style React apps - LogRocket Blog
Learn about styling React components with inline styling, styled-components, CSS modules, Tailwind CSS, and Sass and CSS style sheets.
Read more >
WMUC Radio |
WMUC is a all volunteer student operated radio station and your donation ... In search of an upbeat Friday night jam sesh to...
Read more >
How to Style Your React App – 5 Ways to Write CSS in 2021
When it comes to styling your React app, you have a ton of different options. Which do you choose? I have broken down...
Read more >
Using custom CSS in your app - R Shiny
We will be working with a single-file shiny app, so all the code is in ... A downside of your styles living in...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found