{"action":"created","issue":{"url":"https://api.github.com/repos/angular/material2/issues/7291","repository_url":"https://api.github.com/repos/angular/material2","labels_url":"https://api.github.com/repos/angular/material2/issues/7291/labels{/name}","comments_url":"https://api.github.com/repos/angular/material2/issues/7291/comments","events_url":"https://api.github.com/repos/angular/material2/issues/7291/events","html_url":"https://github.com/angular/material2/issues/7291","id":260260432,"number":7291,"title":"[Table] Sort arrows are not rendered properly in tabs","user":{"login":"kevincaradant","id":6093175,"avatar_url":"https://avatars0.githubusercontent.com/u/6093175?v=4","gravatar_id":"","url":"https://api.github.com/users/kevincaradant","html_url":"https://github.com/kevincaradant","followers_url":"https://api.github.com/users/kevincaradant/followers","following_url":"https://api.github.com/users/kevincaradant/following{/other_user}","gists_url":"https://api.github.com/users/kevincaradant/gists{/gist_id}","starred_url":"https://api.github.com/users/kevincaradant/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/kevincaradant/subscriptions","organizations_url":"https://api.github.com/users/kevincaradant/orgs","repos_url":"https://api.github.com/users/kevincaradant/repos","events_url":"https://api.github.com/users/kevincaradant/events{/privacy}","received_events_url":"https://api.github.com/users/kevincaradant/received_events","type":"User","site_admin":false},"labels":[{"id":311421490,"url":"https://api.github.com/repos/angular/material2/labels/P2","name":"P2","color":"f9bda4","default":false},{"id":377364335,"url":"https://api.github.com/repos/angular/material2/labels/has%20pr","name":"has pr","color":"c2e0c6","default":false}],"state":"open","locked":false,"assignee":{"login":"andrewseguin","id":22898577,"avatar_url":"https://avatars3.githubusercontent.com/u/22898577?v=4","gravatar_id":"","url":"https://api.github.com/users/andrewseguin","html_url":"https://github.com/andrewseguin","followers_url":"https://api.github.com/users/andrewseguin/followers","following_url":"https://api.github.com/users/andrewseguin/following{/other_user}","gists_url":"https://api.github.com/users/andrewseguin/gists{/gist_id}","starred_url":"https://api.github.com/users/andrewseguin/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/andrewseguin/subscriptions","organizations_url":"https://api.github.com/users/andrewseguin/orgs","repos_url":"https://api.github.com/users/andrewseguin/repos","events_url":"https://api.github.com/users/andrewseguin/events{/privacy}","received_events_url":"https://api.github.com/users/andrewseguin/received_events","type":"User","site_admin":false},"assignees":[{"login":"andrewseguin","id":22898577,"avatar_url":"https://avatars3.githubusercontent.com/u/22898577?v=4","gravatar_id":"","url":"https://api.github.com/users/andrewseguin","html_url":"https://github.com/andrewseguin","followers_url":"https://api.github.com/users/andrewseguin/followers","following_url":"https://api.github.com/users/andrewseguin/following{/other_user}","gists_url":"https://api.github.com/users/andrewseguin/gists{/gist_id}","starred_url":"https://api.github.com/users/andrewseguin/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/andrewseguin/subscriptions","organizations_url":"https://api.github.com/users/andrewseguin/orgs","repos_url":"https://api.github.com/users/andrewseguin/repos","events_url":"https://api.github.com/users/andrewseguin/events{/privacy}","received_events_url":"https://api.github.com/users/andrewseguin/received_events","type":"User","site_admin":false}],"milestone":null,"comments":35,"created_at":"2017-09-25T12:37:19Z","updated_at":"2018-05-08T13:54:23Z","closed_at":null,"author_association":"NONE","body":"#### Bug, feature request, or proposal:\r\nBUG\r\nPlunker: https://plnkr.co/edit/Idc73Kn0ViLI4Qpsp98g?p=preview\r\n\r\nWhen you set your sort by default as ASC or DESC like that: \r\n\r\n` @ViewChild(MatSort) mdSort: MatSort;`\r\n\r\n`ngOnInit() {this.mdSort.start = 'desc';}`\r\n\r\nThe arrow is just ugly ( 2 times on 3 ). If you click again on the sort icon, it's pretty :)\r\n\r\nBTW: Under IE11 it's always ugly. Same issue or not I don't know\r\n\r\n#### What is the current behavior?\r\n![image](https://user-images.githubusercontent.com/6093175/30808452-7369aabc-a1fe-11e7-8e65-10db87f062a7.png)\r\n\r\n#### What is the expected behavior?\r\n![image](https://user-images.githubusercontent.com/6093175/30808440-67028672-a1fe-11e7-9e54-9924edde56d1.png)\r\n\r\n#### Which versions of Angular, Material, OS, TypeScript, browsers are affected?\r\nAngular 4.4.3\r\nOS: Windows 7 Pro 64 bits\r\nTS: 2.4.1\r\nMaterial: 2.0.0-beta.11\r\nBrowser: Chrome V60\r\n\r\n#### Is there anything else we should know?\r\nNothing #"},"comment":{"url":"https://api.github.com/repos/angular/material2/issues/comments/387410279","html_url":"https://github.com/angular/material2/issues/7291#issuecomment-387410279","issue_url":"https://api.github.com/repos/angular/material2/issues/7291","id":387410279,"user":{"login":"eyalewin","id":19605395,"avatar_url":"https://avatars0.githubusercontent.com/u/19605395?v=4","gravatar_id":"","url":"https://api.github.com/users/eyalewin","html_url":"https://github.com/eyalewin","followers_url":"https://api.github.com/users/eyalewin/followers","following_url":"https://api.github.com/users/eyalewin/following{/other_user}","gists_url":"https://api.github.com/users/eyalewin/gists{/gist_id}","starred_url":"https://api.github.com/users/eyalewin/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/eyalewin/subscriptions","organizations_url":"https://api.github.com/users/eyalewin/orgs","repos_url":"https://api.github.com/users/eyalewin/repos","events_url":"https://api.github.com/users/eyalewin/events{/privacy}","received_events_url":"https://api.github.com/users/eyalewin/received_events","type":"User","site_admin":false},"created_at":"2018-05-08T13:54:23Z","updated_at":"2018-05-08T13:54:23Z","author_association":"NONE","body":"using @Barbiero fix has two issues for me:\r\n1. if using the `opacity:0` than the arrows are hidden\r\n2. when using the `transform`, the arrows are shown well, but the click isn't changing the direction (asc/desc)\r\nis that the issue as well for all of you?\r\n\r\nmy code looks like this:\r\n\r\n```\r\n <mat-table #table [dataSource]=\"renderedDataSource\" matSort=\"sort\">\r\n        <ng-container *ngFor=\"let col of columnDefs | columnDefinitionFilter\" matColumnDef=\"{{col.field}}\">\r\n            <mat-header-cell *matHeaderCellDef mat-sort-header> {{col.headerName}}</mat-header-cell>\r\n            <mat-cell *matCellDef=\"let row\">\r\n                <span>{{someData}}</span>             \r\n            </mat-cell>\r\n        </ng-container>\r\n```\r\n"}}
{"actor":{"display_login":"eyalewin"}}