{"action":"opened","issue":{"url":"https://api.github.com/repos/angular/material2/issues/14231","repository_url":"https://api.github.com/repos/angular/material2","labels_url":"https://api.github.com/repos/angular/material2/issues/14231/labels{/name}","comments_url":"https://api.github.com/repos/angular/material2/issues/14231/comments","events_url":"https://api.github.com/repos/angular/material2/issues/14231/events","html_url":"https://github.com/angular/material2/issues/14231","id":383282770,"node_id":"MDU6SXNzdWUzODMyODI3NzA=","number":14231,"title":"Wrong component fires drop event in Angular Material 7","user":{"login":"iSerganov-andersen","id":41109559,"node_id":"MDQ6VXNlcjQxMTA5NTU5","avatar_url":"https://avatars3.githubusercontent.com/u/41109559?v=4","gravatar_id":"","url":"https://api.github.com/users/iSerganov-andersen","html_url":"https://github.com/iSerganov-andersen","followers_url":"https://api.github.com/users/iSerganov-andersen/followers","following_url":"https://api.github.com/users/iSerganov-andersen/following{/other_user}","gists_url":"https://api.github.com/users/iSerganov-andersen/gists{/gist_id}","starred_url":"https://api.github.com/users/iSerganov-andersen/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/iSerganov-andersen/subscriptions","organizations_url":"https://api.github.com/users/iSerganov-andersen/orgs","repos_url":"https://api.github.com/users/iSerganov-andersen/repos","events_url":"https://api.github.com/users/iSerganov-andersen/events{/privacy}","received_events_url":"https://api.github.com/users/iSerganov-andersen/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2018-11-21T20:32:01Z","updated_at":"2018-11-21T20:32:01Z","closed_at":null,"author_association":"NONE","body":"#### Bug, feature request, or proposal:\r\nBug report.\r\n\r\n#### What is the expected behavior?\r\nDrop event is not fired on dropping the dragged item to the visible element over the hidden part of droppable list with elements built by ngFor.\r\n\r\n#### What is the current behavior?\r\nI have two components with dropabble lists aligned vertically one below the other. The top list contains a certain amount of elements with total height more than the height of the container. Overflow is set to auto so I have a vertical scrollbar as a result.\r\nOnce I drag and drop item from a third list to the BELOW component, the drop event is fired be the ABOVE one. During the debug I found out that the source element of the fired event is the item list which is not displayed, but located in the exact place of drop. So I expect that drop event is fired by the visible (BOTTOM) component, but not the one which is located on the \"bottom layer\".\r\n\r\n#### What are the steps to reproduce?\r\n1. Build 2 components with a droppable lists and align them vertically (one above the other). \r\n2. Populate with ngFor directive the TOP list with some items in order to have list with height 2 larger then the actual height of the component(set overflow-y to auto in order to have vertical scroll bar).\r\n3. Build any component with ability to drag and drop items from it to the created above components.\r\n4. Drag and drop item to the bottom component.\r\n\r\nYou will see that the actual drop event is not fired be the BOTTOM component towards which you have actually dropped the item, however the event is fired by the component above.\r\n\r\nPlease note that the position of both components is absolute.\r\n\r\n\r\n#### What is the use-case or motivation for changing an existing behavior?\r\nFrom my perspective, this is a critical bug which prevents me from using the latest version of angular material library in production.\r\n\r\n#### Which versions of Angular, Material, OS, TypeScript, browsers are affected?\r\n     \"@angular/cdk\": \"7.0.4\",\r\n    \"@angular/common\": \"7.1.0-rc.0\",\r\n    \"@angular/compiler\": \"7.1.0-rc.0\",\r\n    \"@angular/core\": \"7.1.0-rc.0\",\r\n    \"@angular/forms\": \"7.1.0-rc.0\",\r\n    \"@angular/http\": \"7.1.0-rc.0\",\r\n    \"@angular/material\": \"7.0.4\",\r\n   \r\n    \"@angular/cli\": \"7.1.0-rc.0\",\r\n    \"@angular/compiler-cli\": \"7.1.0-rc.0\",\r\n    \"typescript\": \"3.1.3\"\r\n\r\n"}}
{"actor":{"display_login":"iSerganov-andersen"}}