{"action":"created","issue":{"url":"https://api.github.com/repos/ionic-team/ionic/issues/10915","repository_url":"https://api.github.com/repos/ionic-team/ionic","labels_url":"https://api.github.com/repos/ionic-team/ionic/issues/10915/labels{/name}","comments_url":"https://api.github.com/repos/ionic-team/ionic/issues/10915/comments","events_url":"https://api.github.com/repos/ionic-team/ionic/issues/10915/events","html_url":"https://github.com/ionic-team/ionic/issues/10915","id":216941010,"node_id":"MDU6SXNzdWUyMTY5NDEwMTA=","number":10915,"title":"Tab bar highlight needs workaround for Chrome bug","user":{"login":"Lingomat","id":1095790,"node_id":"MDQ6VXNlcjEwOTU3OTA=","avatar_url":"https://avatars2.githubusercontent.com/u/1095790?v=4","gravatar_id":"","url":"https://api.github.com/users/Lingomat","html_url":"https://github.com/Lingomat","followers_url":"https://api.github.com/users/Lingomat/followers","following_url":"https://api.github.com/users/Lingomat/following{/other_user}","gists_url":"https://api.github.com/users/Lingomat/gists{/gist_id}","starred_url":"https://api.github.com/users/Lingomat/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Lingomat/subscriptions","organizations_url":"https://api.github.com/users/Lingomat/orgs","repos_url":"https://api.github.com/users/Lingomat/repos","events_url":"https://api.github.com/users/Lingomat/events{/privacy}","received_events_url":"https://api.github.com/users/Lingomat/received_events","type":"User","site_admin":false},"labels":[{"id":880136999,"node_id":"MDU6TGFiZWw4ODAxMzY5OTk=","url":"https://api.github.com/repos/ionic-team/ionic/labels/ionitron:%20stale%20issue","name":"ionitron: stale issue","color":"bfd4f2","default":false},{"id":81957344,"node_id":"MDU6TGFiZWw4MTk1NzM0NA==","url":"https://api.github.com/repos/ionic-team/ionic/labels/tabs","name":"tabs","color":"207de5","default":false},{"id":311009737,"node_id":"MDU6TGFiZWwzMTEwMDk3Mzc=","url":"https://api.github.com/repos/ionic-team/ionic/labels/v2","name":"v2","color":"313744","default":false}],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":4,"created_at":"2017-03-25T01:53:10Z","updated_at":"2018-08-01T08:34:31Z","closed_at":null,"author_association":"NONE","body":"**Ionic version:**  (check one with \"x\")\r\n[ ] **1.x**\r\n[X] **2.x**\r\n\r\n**I'm submitting a ...**  (check one with \"x\")\r\n[X] bug report\r\n[ ] feature request\r\n\r\n**Current behavior:**\r\n\r\nWith current desktop Chrome including up to the latest Canary build, Ionic Tabs tabsHighlight = true will render a highlight bar under/over a tab button and this position is incorrect. The highlight bar extends further to the right than expected, partially underneath the next tab. \r\n\r\n**Expected behavior:**\r\n\r\nThe highlight bar should only be under the current tab bar button.\r\n\r\n**Steps to reproduce:**\r\n\r\nAny instance of the tab bar on Chrome will show this effect. The effect can be observed in the standard Ionic tabs starter project once you edit tabs.html to add  tabsHighlight = true.\r\n\r\n**Related code:**\r\n\r\nWhen Tabs tabsHighlight = true, the tab-highlights.js part of the tabs component transforms and scales a div to achieve the highlighted bar effect (line 16). This works correctly and can be verified by mousing over the element with the element selector to find the <div class=\"tab-highlight animate\">.\r\n\r\n**Other information:**\r\n\r\nThis would appear to be a Chrome bug. E.g. the background for an element is rounded outside of the actual bounding box. It works as expected on Firefox. It seems that a fix would need to use another method other than setting a div to 1px and scaling by x * pixels. \r\n\r\n```\r\n    Cordova CLI: 6.3.1\r\n    Ionic Framework Version: 2.0.0\r\n    Ionic CLI Version: 3.0.0-beta.4\r\n    ios-deploy version: Not installed\r\n    ios-sim version: Not installed\r\n    OS: Windows 10\r\n    Node Version: v7.5.0\r\n    Xcode version: Not installed\r\n```\r\n\r\n\r\n"},"comment":{"url":"https://api.github.com/repos/ionic-team/ionic/issues/comments/409496374","html_url":"https://github.com/ionic-team/ionic/issues/10915#issuecomment-409496374","issue_url":"https://api.github.com/repos/ionic-team/ionic/issues/10915","id":409496374,"node_id":"MDEyOklzc3VlQ29tbWVudDQwOTQ5NjM3NA==","user":{"login":"ionic-issue-bot[bot]","id":35967572,"node_id":"MDM6Qm90MzU5Njc1NzI=","avatar_url":"https://avatars1.githubusercontent.com/in/8640?v=4","gravatar_id":"","url":"https://api.github.com/users/ionic-issue-bot%5Bbot%5D","html_url":"https://github.com/apps/ionic-issue-bot","followers_url":"https://api.github.com/users/ionic-issue-bot%5Bbot%5D/followers","following_url":"https://api.github.com/users/ionic-issue-bot%5Bbot%5D/following{/other_user}","gists_url":"https://api.github.com/users/ionic-issue-bot%5Bbot%5D/gists{/gist_id}","starred_url":"https://api.github.com/users/ionic-issue-bot%5Bbot%5D/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ionic-issue-bot%5Bbot%5D/subscriptions","organizations_url":"https://api.github.com/users/ionic-issue-bot%5Bbot%5D/orgs","repos_url":"https://api.github.com/users/ionic-issue-bot%5Bbot%5D/repos","events_url":"https://api.github.com/users/ionic-issue-bot%5Bbot%5D/events{/privacy}","received_events_url":"https://api.github.com/users/ionic-issue-bot%5Bbot%5D/received_events","type":"Bot","site_admin":false},"created_at":"2018-08-01T08:34:31Z","updated_at":"2018-08-01T08:34:31Z","author_association":"NONE","body":"Thanks for the issue! This issue is being closed due to inactivity. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.\n\nThank you for using Ionic!\n"}}
{"actor":{"display_login":"ionic-issue-bot"}}