{"action":"created","issue":{"url":"https://api.github.com/repos/InfomediaLtd/angular2-materialize/issues/132","repository_url":"https://api.github.com/repos/InfomediaLtd/angular2-materialize","labels_url":"https://api.github.com/repos/InfomediaLtd/angular2-materialize/issues/132/labels{/name}","comments_url":"https://api.github.com/repos/InfomediaLtd/angular2-materialize/issues/132/comments","events_url":"https://api.github.com/repos/InfomediaLtd/angular2-materialize/issues/132/events","html_url":"https://github.com/InfomediaLtd/angular2-materialize/issues/132","id":181647877,"number":132,"title":"Style isolation for jQuery added elements","user":{"login":"bertvh","id":941577,"avatar_url":"https://avatars.githubusercontent.com/u/941577?v=3","gravatar_id":"","url":"https://api.github.com/users/bertvh","html_url":"https://github.com/bertvh","followers_url":"https://api.github.com/users/bertvh/followers","following_url":"https://api.github.com/users/bertvh/following{/other_user}","gists_url":"https://api.github.com/users/bertvh/gists{/gist_id}","starred_url":"https://api.github.com/users/bertvh/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/bertvh/subscriptions","organizations_url":"https://api.github.com/users/bertvh/orgs","repos_url":"https://api.github.com/users/bertvh/repos","events_url":"https://api.github.com/users/bertvh/events{/privacy}","received_events_url":"https://api.github.com/users/bertvh/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":1,"created_at":"2016-10-07T11:40:16Z","updated_at":"2016-12-07T09:21:20Z","closed_at":null,"body":"I'm trying to locally style Tabs. This works for every element that was statically added to the html/dom so Angular had a chance to process:\n\n```\n<ul materialize=\"tabs\" class=\"tabs\">\n    <li class=\"tab col s3\">\n        <a  class=\"active\">\n        ...\n```\n\nbecomes\n\n```\n<ul _ngcontent-lnl-8 materialize=\"tabs\" class=\"tabs\">\n    <li _ngcontent-lnl-8 class=\"tab col s3\">\n        <a _ngcontent-lnl-8 class=\"active\">\n        ...\n```\n\nTha `_ngcontent-lnl-8` is added by Angular2 for style isolation. My custom styling works great on these elements.\n\nHowever, adding jquery inserts a new element - the indicator - when the element in initialized:\n\n```\n<div class=\"indicator\" style=\"right: 512px; left: 0px;\"></div>\n```\n\nAngular2 is kept out of the loop here (can't add `_ngcontent-lnl-8`), meaning that when I have a local css file that _should_ override the indicator style, it isn't picked up (no selector match).\n\nI have no idea how we could fix this. Any ideas?\n"},"comment":{"url":"https://api.github.com/repos/InfomediaLtd/angular2-materialize/issues/comments/265396745","html_url":"https://github.com/InfomediaLtd/angular2-materialize/issues/132#issuecomment-265396745","issue_url":"https://api.github.com/repos/InfomediaLtd/angular2-materialize/issues/132","id":265396745,"user":{"login":"juanlu91","id":6860752,"avatar_url":"https://avatars.githubusercontent.com/u/6860752?v=3","gravatar_id":"","url":"https://api.github.com/users/juanlu91","html_url":"https://github.com/juanlu91","followers_url":"https://api.github.com/users/juanlu91/followers","following_url":"https://api.github.com/users/juanlu91/following{/other_user}","gists_url":"https://api.github.com/users/juanlu91/gists{/gist_id}","starred_url":"https://api.github.com/users/juanlu91/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/juanlu91/subscriptions","organizations_url":"https://api.github.com/users/juanlu91/orgs","repos_url":"https://api.github.com/users/juanlu91/repos","events_url":"https://api.github.com/users/juanlu91/events{/privacy}","received_events_url":"https://api.github.com/users/juanlu91/received_events","type":"User","site_admin":false},"created_at":"2016-12-07T09:21:20Z","updated_at":"2016-12-07T09:21:20Z","body":"I'm also trying to change the indicator color without success"}}
{"actor":{"display_login":"juanlu91"}}