{"action":"opened","issue":{"url":"https://api.github.com/repos/angular/material/issues/7529","repository_url":"https://api.github.com/repos/angular/material","labels_url":"https://api.github.com/repos/angular/material/issues/7529/labels{/name}","comments_url":"https://api.github.com/repos/angular/material/issues/7529/comments","events_url":"https://api.github.com/repos/angular/material/issues/7529/events","html_url":"https://github.com/angular/material/issues/7529","id":140220956,"number":7529,"title":"Checkboxes and switches not rendering when using minified modules","user":{"login":"iainmcgin","id":309153,"avatar_url":"https://avatars.githubusercontent.com/u/309153?v=3","gravatar_id":"","url":"https://api.github.com/users/iainmcgin","html_url":"https://github.com/iainmcgin","followers_url":"https://api.github.com/users/iainmcgin/followers","following_url":"https://api.github.com/users/iainmcgin/following{/other_user}","gists_url":"https://api.github.com/users/iainmcgin/gists{/gist_id}","starred_url":"https://api.github.com/users/iainmcgin/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/iainmcgin/subscriptions","organizations_url":"https://api.github.com/users/iainmcgin/orgs","repos_url":"https://api.github.com/users/iainmcgin/repos","events_url":"https://api.github.com/users/iainmcgin/events{/privacy}","received_events_url":"https://api.github.com/users/iainmcgin/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":0,"created_at":"2016-03-11T15:58:19Z","updated_at":"2016-03-11T15:58:19Z","closed_at":null,"body":"Switches and checkboxes do not render correctly when using the minified variants of the [separate modules](https://github.com/angular/bower-material/tree/v1.0.6/modules/js) in the bower repository. I'm using v1.0.6 imported using Bower. \r\n\r\nIf I use [core.min.js](https://github.com/angular/bower-material/blob/v1.0.6/modules/js/core/core.min.js) instead of [core.js](https://github.com/angular/bower-material/blob/v1.0.6/modules/js/core/core.js), the background of the switches (and the accent coloring of the ripple) disappears.  Independently, if I use [switch.min.js](https://github.com/angular/bower-material/blob/v1.0.6/modules/js/switch/switch.min.js) instead of [switch.js](https://github.com/angular/bower-material/blob/v1.0.6/modules/js/switch/switch.js), the switch rendering disappears entirely.\r\n\r\nI am including the full [angular-material.css](https://github.com/angular/bower-material/blob/v1.0.6/angular-material.css) by default. Switching between that and the [minified version](https://github.com/angular/bower-material/blob/v1.0.6/angular-material.min.css) does not appear to make a difference. \r\n\r\nInterestingly, if I also include [switch.min.css](https://github.com/angular/bower-material/blob/v1.0.6/modules/js/switch/switch.min.css), the toggle rendering works again, but without the background. The [non-minified](https://github.com/angular/bower-material/blob/v1.0.6/modules/js/switch/switch.css) version of that CSS file does not work.\r\n\r\nI've created a codepen to demonstrate this issue: http://codepen.io/iainmcgin/pen/grPvaw"}}