{"action":"created","issue":{"url":"https://api.github.com/repos/telerik/nativescript-ui-samples/issues/55","labels_url":"https://api.github.com/repos/telerik/nativescript-ui-samples/issues/55/labels{/name}","comments_url":"https://api.github.com/repos/telerik/nativescript-ui-samples/issues/55/comments","events_url":"https://api.github.com/repos/telerik/nativescript-ui-samples/issues/55/events","html_url":"https://github.com/telerik/nativescript-ui-samples/issues/55","id":129795150,"number":55,"title":"RadSideDrawer taking up all the available vertical space while not preventing user interaction","user":{"login":"dragGH102","id":5430550,"avatar_url":"https://avatars.githubusercontent.com/u/5430550?v=3","gravatar_id":"","url":"https://api.github.com/users/dragGH102","html_url":"https://github.com/dragGH102","followers_url":"https://api.github.com/users/dragGH102/followers","following_url":"https://api.github.com/users/dragGH102/following{/other_user}","gists_url":"https://api.github.com/users/dragGH102/gists{/gist_id}","starred_url":"https://api.github.com/users/dragGH102/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/dragGH102/subscriptions","organizations_url":"https://api.github.com/users/dragGH102/orgs","repos_url":"https://api.github.com/users/dragGH102/repos","events_url":"https://api.github.com/users/dragGH102/events{/privacy}","received_events_url":"https://api.github.com/users/dragGH102/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":1,"created_at":"2016-01-29T15:23:13Z","updated_at":"2016-02-02T07:41:51Z","closed_at":null,"body":" I noticed the drawer's background takes up all the screen vertically (my sideDrawer uses position = top and transition = reverse)\r\n\r\nThe issue can be seen at the same project mentioned in issue https://github.com/telerik/nativescript-ui-samples/issues/52\r\n(Here it is for your convenience: https://github.com/dragGH102/nativescript-sample-app-with-menu )\r\n\r\nSpecifically I see 2 issues here:\r\n- when the drawer slides out from **top**, it makes sense to **cover only the area the drawer's content** (i.e. the menu) uses. This is a #feature which makes sense in my opinion and it's actually a requirement of a project I'm working on\r\nI make a quick try: apparently the drawer's content takes up only the needed space (just try to put a background to the StackLayout with id= menu-content in includes/menuContent) but the semi-transparent overlay takes up all the screen vertically\r\n- **the user is still able to interact with elements** which are below drawer's content and under the overlaid area (i.e. the 2nd half of the screen to the bottom)"},"comment":{"url":"https://api.github.com/repos/telerik/nativescript-ui-samples/issues/comments/178426286","html_url":"https://github.com/telerik/nativescript-ui-samples/issues/55#issuecomment-178426286","issue_url":"https://api.github.com/repos/telerik/nativescript-ui-samples/issues/55","id":178426286,"user":{"login":"ginev","id":5871176,"avatar_url":"https://avatars.githubusercontent.com/u/5871176?v=3","gravatar_id":"","url":"https://api.github.com/users/ginev","html_url":"https://github.com/ginev","followers_url":"https://api.github.com/users/ginev/followers","following_url":"https://api.github.com/users/ginev/following{/other_user}","gists_url":"https://api.github.com/users/ginev/gists{/gist_id}","starred_url":"https://api.github.com/users/ginev/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ginev/subscriptions","organizations_url":"https://api.github.com/users/ginev/orgs","repos_url":"https://api.github.com/users/ginev/repos","events_url":"https://api.github.com/users/ginev/events{/privacy}","received_events_url":"https://api.github.com/users/ginev/received_events","type":"User","site_admin":false},"created_at":"2016-02-02T07:41:51Z","updated_at":"2016-02-02T07:41:51Z","body":"Hello @dragGH102 ,\r\n\r\nIf I understand you correctly, the behavior you are seeing as an issue is actually the one which we have implemented by design. We are following the behavioral guidelines coming from Android and iOS here. When a Drawer menu is shown, the content below it is not accessible until after the drawer menu is closed. The Fade Layer which is covering the whole main content area is also part of the spec - basically you are not supposed to be able to interact with the contents of the page while the drawer is opened.\r\n\r\nCan you be a bit more specific about the design of your app and the scenario you would like to achieve?\r\n\r\nThanks!"}}