{"action":"closed","issue":{"url":"https://api.github.com/repos/jedfoster/SassMeister/issues/174","repository_url":"https://api.github.com/repos/jedfoster/SassMeister","labels_url":"https://api.github.com/repos/jedfoster/SassMeister/issues/174/labels{/name}","comments_url":"https://api.github.com/repos/jedfoster/SassMeister/issues/174/comments","events_url":"https://api.github.com/repos/jedfoster/SassMeister/issues/174/events","html_url":"https://github.com/jedfoster/SassMeister/issues/174","id":153623255,"number":174,"title":"Preview pane/tab is not visible on mobile sized viewports","user":{"login":"TheAppleFreak","id":2409324,"avatar_url":"https://avatars.githubusercontent.com/u/2409324?v=3","gravatar_id":"","url":"https://api.github.com/users/TheAppleFreak","html_url":"https://github.com/TheAppleFreak","followers_url":"https://api.github.com/users/TheAppleFreak/followers","following_url":"https://api.github.com/users/TheAppleFreak/following{/other_user}","gists_url":"https://api.github.com/users/TheAppleFreak/gists{/gist_id}","starred_url":"https://api.github.com/users/TheAppleFreak/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/TheAppleFreak/subscriptions","organizations_url":"https://api.github.com/users/TheAppleFreak/orgs","repos_url":"https://api.github.com/users/TheAppleFreak/repos","events_url":"https://api.github.com/users/TheAppleFreak/events{/privacy}","received_events_url":"https://api.github.com/users/TheAppleFreak/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/jedfoster/SassMeister/labels/bug","name":"bug","color":"fc2929"}],"state":"closed","locked":false,"assignee":null,"milestone":null,"comments":1,"created_at":"2016-05-07T23:11:42Z","updated_at":"2016-05-08T19:44:55Z","closed_at":"2016-05-08T19:44:55Z","body":"When the browser viewport is narrow enough that the site shows the mobile version of the site, the preview pane becomes completely blank, as if there was nothing to preview. Opening up the developer tools and inspecting the pane reveals that at that size it has a height of 0, and setting `height: 100%;` in element.style makes the element appear as expected. \r\n\r\nI have reproduced this issue on Safari for iOS 9.0.2, Chrome 50, and Firefox 46. \r\n\r\nThe element in question is this one, with the properties copied straight from the web inspector:\r\n\r\n    <resizable id=\"sandboxResizable\" r-directions=\"left\" r-flex=\"true\" r-width=\"preferences.sandboxResizable.width\" r-height=\"preferences.sandboxResizable.height\" ng-show=\"(!tabView && preferences.htmlVisible) || (tabView === 'result')\" class=\"ng-isolate-scope resizable\">\r\n\r\nMaybe it's the `ng-show`? I'm not familiar with how SassMeister's front end works internally."}}