{"action":"closed","issue":{"url":"https://api.github.com/repos/google/material-design-lite/issues/4445","repository_url":"https://api.github.com/repos/google/material-design-lite","labels_url":"https://api.github.com/repos/google/material-design-lite/issues/4445/labels{/name}","comments_url":"https://api.github.com/repos/google/material-design-lite/issues/4445/comments","events_url":"https://api.github.com/repos/google/material-design-lite/issues/4445/events","html_url":"https://github.com/google/material-design-lite/issues/4445","id":161377441,"number":4445,"title":"body behavior of MDL breaks jQuery UI","user":{"login":"bkroggel","id":11707221,"avatar_url":"https://avatars.githubusercontent.com/u/11707221?v=3","gravatar_id":"","url":"https://api.github.com/users/bkroggel","html_url":"https://github.com/bkroggel","followers_url":"https://api.github.com/users/bkroggel/followers","following_url":"https://api.github.com/users/bkroggel/following{/other_user}","gists_url":"https://api.github.com/users/bkroggel/gists{/gist_id}","starred_url":"https://api.github.com/users/bkroggel/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/bkroggel/subscriptions","organizations_url":"https://api.github.com/users/bkroggel/orgs","repos_url":"https://api.github.com/users/bkroggel/repos","events_url":"https://api.github.com/users/bkroggel/events{/privacy}","received_events_url":"https://api.github.com/users/bkroggel/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"milestone":null,"comments":1,"created_at":"2016-06-21T08:32:33Z","updated_at":"2016-06-21T11:35:23Z","closed_at":"2016-06-21T11:35:23Z","body":"jQuery UI autocomplete and datepicker components normally stick to their parent input element even when some scrolling action happens.\r\nUsing the Material Design Lite framework seems to prevent them from moving around with their associated input field. Instead they keep the initial position\r\n\r\nOverwriting the given MDL code and changing the `position: absolute` of the `.mdl-layout__container` to `position: relative` seems to fix the jQuery UI problem but unfortunately breaks the Material Design Lite structure.\r\n    \r\n    .mdl-layout__container {\r\n    position: absolute; // --> change to \"relative\"\r\n    width: 100%;\r\n    height: 100%;\r\n\r\nI created a Pen which replicates this problem and uses JQuery UI autocomplete and datepicker as well as the jQuery Plug-in \"[Timepicker][1]\"\r\n[CodePen][2]\r\n\r\nThose jQuery UI elements seem to position relative to the body which doesn't play well with MDL where the body doesn't move at all and instead gets \"mimiced\" by the `page-content` class.\r\n\r\nAre there any suggestions how I could use jQuery UI and MDL in one project?\r\n\r\n\r\n  [1]: http://timepicker.co/\r\n  [2]: http://codepen.io/bkroggel/full/EygrXB/ \"CodePen\""}}
{"actor":{"display_login":"Garbee"}}