{"action":"opened","issue":{"url":"https://api.github.com/repos/Dogfalo/materialize/issues/4658","repository_url":"https://api.github.com/repos/Dogfalo/materialize","labels_url":"https://api.github.com/repos/Dogfalo/materialize/issues/4658/labels{/name}","comments_url":"https://api.github.com/repos/Dogfalo/materialize/issues/4658/comments","events_url":"https://api.github.com/repos/Dogfalo/materialize/issues/4658/events","html_url":"https://github.com/Dogfalo/materialize/issues/4658","id":226825517,"number":4658,"title":"Tabs Indicator Do Not Move to Correct Location If waves-effect Applied","user":{"login":"lee011","id":11925743,"avatar_url":"https://avatars0.githubusercontent.com/u/11925743?v=3","gravatar_id":"","url":"https://api.github.com/users/lee011","html_url":"https://github.com/lee011","followers_url":"https://api.github.com/users/lee011/followers","following_url":"https://api.github.com/users/lee011/following{/other_user}","gists_url":"https://api.github.com/users/lee011/gists{/gist_id}","starred_url":"https://api.github.com/users/lee011/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/lee011/subscriptions","organizations_url":"https://api.github.com/users/lee011/orgs","repos_url":"https://api.github.com/users/lee011/repos","events_url":"https://api.github.com/users/lee011/events{/privacy}","received_events_url":"https://api.github.com/users/lee011/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2017-05-07T03:52:49Z","updated_at":"2017-05-07T03:52:49Z","closed_at":null,"body":"### Description\r\nWhen a tab has `waves-effect` class applied, the tabs indicator will move to the start of the tabs container, instead of moving to the bottom of the tab.\r\n\r\n### Repro Steps\r\n1. Create some tabs and add `waves-effect` class to each tab, for example: \r\n\r\n````html\r\n<ul class=\"tabs\">\r\n    <li class=\"tab waves-effect\"><a href=\"#test1\">Test 1</a></li>\r\n    <li class=\"tab waves-effect\"><a href=\"#test2\">Test 2</a></li>\r\n</ul>\r\n<div id=\"test1\" class=\"col s12\">Test 1</div>\r\n<div id=\"test2\" class=\"col s12\">Test 2</div>\r\n````\r\n\r\n2. Open the webpage and click on the tabs. The tab indicator will stay at the start of the tabs container.\r\n\r\n### Screenshots / Codepen\r\nModified from the sample in the docs: https://jsfiddle.net/nu3sd4w0/2/ (For testing purpose, one of the tabs does not have `waves-effect` class applied)\r\n"}}
{"actor":{"display_login":"lee011"}}