{"action":"created","issue":{"url":"https://api.github.com/repos/angular/material/issues/10599","repository_url":"https://api.github.com/repos/angular/material","labels_url":"https://api.github.com/repos/angular/material/issues/10599/labels{/name}","comments_url":"https://api.github.com/repos/angular/material/issues/10599/comments","events_url":"https://api.github.com/repos/angular/material/issues/10599/events","html_url":"https://github.com/angular/material/issues/10599","id":222873401,"number":10599,"title":"mdVirtualRepeatContainer: Cannot click links when used with <tbody>","user":{"login":"tmjfitch","id":813504,"avatar_url":"https://avatars0.githubusercontent.com/u/813504?v=4","gravatar_id":"","url":"https://api.github.com/users/tmjfitch","html_url":"https://github.com/tmjfitch","followers_url":"https://api.github.com/users/tmjfitch/followers","following_url":"https://api.github.com/users/tmjfitch/following{/other_user}","gists_url":"https://api.github.com/users/tmjfitch/gists{/gist_id}","starred_url":"https://api.github.com/users/tmjfitch/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/tmjfitch/subscriptions","organizations_url":"https://api.github.com/users/tmjfitch/orgs","repos_url":"https://api.github.com/users/tmjfitch/repos","events_url":"https://api.github.com/users/tmjfitch/events{/privacy}","received_events_url":"https://api.github.com/users/tmjfitch/received_events","type":"User","site_admin":false},"labels":[{"id":310907476,"url":"https://api.github.com/repos/angular/material/labels/P3:%20important","name":"P3: important","color":"fad8c7","default":false},{"id":188574517,"url":"https://api.github.com/repos/angular/material/labels/for:%20internal%20contributor","name":"for: internal contributor","color":"fef2c0","default":false},{"id":110904477,"url":"https://api.github.com/repos/angular/material/labels/type:%20bug","name":"type: bug","color":"000000","default":false},{"id":198391050,"url":"https://api.github.com/repos/angular/material/labels/ui:%20CSS","name":"ui: CSS","color":"fbca04","default":false}],"state":"open","locked":false,"assignee":{"login":"Splaktar","id":3506071,"avatar_url":"https://avatars1.githubusercontent.com/u/3506071?v=4","gravatar_id":"","url":"https://api.github.com/users/Splaktar","html_url":"https://github.com/Splaktar","followers_url":"https://api.github.com/users/Splaktar/followers","following_url":"https://api.github.com/users/Splaktar/following{/other_user}","gists_url":"https://api.github.com/users/Splaktar/gists{/gist_id}","starred_url":"https://api.github.com/users/Splaktar/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Splaktar/subscriptions","organizations_url":"https://api.github.com/users/Splaktar/orgs","repos_url":"https://api.github.com/users/Splaktar/repos","events_url":"https://api.github.com/users/Splaktar/events{/privacy}","received_events_url":"https://api.github.com/users/Splaktar/received_events","type":"User","site_admin":false},"assignees":[{"login":"Splaktar","id":3506071,"avatar_url":"https://avatars1.githubusercontent.com/u/3506071?v=4","gravatar_id":"","url":"https://api.github.com/users/Splaktar","html_url":"https://github.com/Splaktar","followers_url":"https://api.github.com/users/Splaktar/followers","following_url":"https://api.github.com/users/Splaktar/following{/other_user}","gists_url":"https://api.github.com/users/Splaktar/gists{/gist_id}","starred_url":"https://api.github.com/users/Splaktar/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Splaktar/subscriptions","organizations_url":"https://api.github.com/users/Splaktar/orgs","repos_url":"https://api.github.com/users/Splaktar/repos","events_url":"https://api.github.com/users/Splaktar/events{/privacy}","received_events_url":"https://api.github.com/users/Splaktar/received_events","type":"User","site_admin":false}],"milestone":{"url":"https://api.github.com/repos/angular/material/milestones/40","html_url":"https://github.com/angular/material/milestone/40","labels_url":"https://api.github.com/repos/angular/material/milestones/40/labels","id":1503687,"number":40,"title":"1.1.9","description":"\"patch\" release with bug fixes, docs updates, and features, but no breaking changes (layout, css, APIs, etc)","creator":{"login":"ThomasBurleson","id":210413,"avatar_url":"https://avatars3.githubusercontent.com/u/210413?v=4","gravatar_id":"","url":"https://api.github.com/users/ThomasBurleson","html_url":"https://github.com/ThomasBurleson","followers_url":"https://api.github.com/users/ThomasBurleson/followers","following_url":"https://api.github.com/users/ThomasBurleson/following{/other_user}","gists_url":"https://api.github.com/users/ThomasBurleson/gists{/gist_id}","starred_url":"https://api.github.com/users/ThomasBurleson/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ThomasBurleson/subscriptions","organizations_url":"https://api.github.com/users/ThomasBurleson/orgs","repos_url":"https://api.github.com/users/ThomasBurleson/repos","events_url":"https://api.github.com/users/ThomasBurleson/events{/privacy}","received_events_url":"https://api.github.com/users/ThomasBurleson/received_events","type":"User","site_admin":false},"open_issues":113,"closed_issues":9,"state":"open","created_at":"2016-01-13T04:08:27Z","updated_at":"2018-03-25T07:24:33Z","due_on":null,"closed_at":null},"comments":3,"created_at":"2017-04-19T21:12:43Z","updated_at":"2018-03-25T07:55:45Z","closed_at":null,"author_association":"NONE","body":"**Actual Behavior**:\r\n -  `What is the issue? *`\r\nWhen including a link in a \\<td\\> element using md-virtual-repeat on the \\<tr\\> element, and the container is a \\<tbody\\> with md-virtual-repeat-container directive, you cannot click the link inside the \\<td\\> element. (The cursor doesn't change on hover and clicking the link has no effect.)\r\n -  `What is the expected behavior?`\r\nYou should be able to click the link in the \\<a\\> element to navigate to a new page.\r\n\r\n**CodePen** (or steps to reproduce the issue): *\r\n -  `CodePen Demo which shows your issue:`\r\nCodePen showing the problem: https://codepen.io/tomfitch/pen/bWEavr\r\nCodePen showing the same functionality working with \\<div\\> elements instead of table elements: https://codepen.io/tomfitch/pen/oWbpqN\r\n -  `Details:`\r\nLoad the codepen and try to click the links in the comments column. In the codepen showing the problem the mouse cursor doesn't change on hover and nothing happens when you click the link.\r\n\r\n**AngularJS Versions**: *\r\n -  `AngularJS Version:` 1.6.4\r\n -  `AngularJS Material Version:` 1.1.0\r\n\r\n**Additional Information**:\r\n -  `Browser Type: *` Chrome\r\n -  `Browser Version: *` 57.0.2987.133 (64-bit)\r\n -  `OS: *` Mac OS X El Capitan 10.11.6\r\n -  `Stack Traces:`\r\n"},"comment":{"url":"https://api.github.com/repos/angular/material/issues/comments/375952393","html_url":"https://github.com/angular/material/issues/10599#issuecomment-375952393","issue_url":"https://api.github.com/repos/angular/material/issues/10599","id":375952393,"user":{"login":"Splaktar","id":3506071,"avatar_url":"https://avatars1.githubusercontent.com/u/3506071?v=4","gravatar_id":"","url":"https://api.github.com/users/Splaktar","html_url":"https://github.com/Splaktar","followers_url":"https://api.github.com/users/Splaktar/followers","following_url":"https://api.github.com/users/Splaktar/following{/other_user}","gists_url":"https://api.github.com/users/Splaktar/gists{/gist_id}","starred_url":"https://api.github.com/users/Splaktar/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Splaktar/subscriptions","organizations_url":"https://api.github.com/users/Splaktar/orgs","repos_url":"https://api.github.com/users/Splaktar/repos","events_url":"https://api.github.com/users/Splaktar/events{/privacy}","received_events_url":"https://api.github.com/users/Splaktar/received_events","type":"User","site_admin":false},"created_at":"2018-03-25T07:55:45Z","updated_at":"2018-03-25T07:55:45Z","author_association":"MEMBER","body":"While the `md-virtual-repeat-container` directive uses the default `restrict` property (`EA`), the comments in the code indicate that it should only be used as an element (`@restrict E`). All of the documentation gives examples of it being used as an Element as well. That seems to be part of the problem here.\r\n\r\nIn this [updated CodePen](https://codepen.io/Splaktar/pen/LdjKXx) you can see that I've pulled the `<md-virtual-repeat-container>` out into an Element and this seems to render the cells properly (clickable).\r\n\r\nI'm tempted to go in and add `restrict: 'E',` to the directive, but I think that may be a breaking change for too many people.\r\n\r\nI'm going to leave this open as a documentation effort. We should consider updating https://material.angularjs.org/latest/api/directive/mdVirtualRepeatContainer to include a statement about how it should be used as an Element."}}
{"actor":{"display_login":"Splaktar"}}