{"action":"created","issue":{"url":"https://api.github.com/repos/openseadragon/openseadragon/issues/713","labels_url":"https://api.github.com/repos/openseadragon/openseadragon/issues/713/labels{/name}","comments_url":"https://api.github.com/repos/openseadragon/openseadragon/issues/713/comments","events_url":"https://api.github.com/repos/openseadragon/openseadragon/issues/713/events","html_url":"https://github.com/openseadragon/openseadragon/issues/713","id":103786831,"number":713,"title":"Navigator blank when initially hidden","user":{"login":"adgoncal","id":10856791,"avatar_url":"https://avatars.githubusercontent.com/u/10856791?v=3","gravatar_id":"","url":"https://api.github.com/users/adgoncal","html_url":"https://github.com/adgoncal","followers_url":"https://api.github.com/users/adgoncal/followers","following_url":"https://api.github.com/users/adgoncal/following{/other_user}","gists_url":"https://api.github.com/users/adgoncal/gists{/gist_id}","starred_url":"https://api.github.com/users/adgoncal/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/adgoncal/subscriptions","organizations_url":"https://api.github.com/users/adgoncal/orgs","repos_url":"https://api.github.com/users/adgoncal/repos","events_url":"https://api.github.com/users/adgoncal/events{/privacy}","received_events_url":"https://api.github.com/users/adgoncal/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/openseadragon/openseadragon/labels/bug","name":"bug","color":"fc2929"}],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":7,"created_at":"2015-08-28T20:07:32Z","updated_at":"2015-09-03T16:18:17Z","closed_at":null,"body":"If the navigator element is hidden (<code>display:none</code>) on initial load. When it is displayed later, the image is not there and the display region is very small regardless of zoom level.\r\n\r\nhttp://jsbin.com/romima/4/embed?html,css,js,output\r\n\r\nClick the button to toggle navigator visibility. If the navigator element is shown before initial load, it will behave as expected.\r\n\r\nAdditionally, if I use Angularjs's <code>ng-if</code> directive, the initial load fails because it does not find the navigator for the given id and nothing is displayed even on the main viewer:\r\n\r\nhttp://jsbin.com/lixeti/6/edit?html,js,output\r\n\r\nConsole output Error:\r\n\r\n```\r\nTypeError: Cannot set property 'id' of null\r\n    at new $.Navigator (openseadragon.js:9835)\r\n    at new $.Viewer (openseadragon.js:7023)\r\n    at window.OpenSeadragon (openseadragon.js:685)\r\n```\r\n\r\n\r\n```javaScript\r\n// Error line in $.Navigator\r\nthis.element.id         = options.id;\r\n```\r\n\r\n\r\nThis is another reason to \"Turn the navigator into a plugin\" (#492)"},"comment":{"url":"https://api.github.com/repos/openseadragon/openseadragon/issues/comments/137500371","html_url":"https://github.com/openseadragon/openseadragon/issues/713#issuecomment-137500371","issue_url":"https://api.github.com/repos/openseadragon/openseadragon/issues/713","id":137500371,"user":{"login":"iangilman","id":338989,"avatar_url":"https://avatars.githubusercontent.com/u/338989?v=3","gravatar_id":"","url":"https://api.github.com/users/iangilman","html_url":"https://github.com/iangilman","followers_url":"https://api.github.com/users/iangilman/followers","following_url":"https://api.github.com/users/iangilman/following{/other_user}","gists_url":"https://api.github.com/users/iangilman/gists{/gist_id}","starred_url":"https://api.github.com/users/iangilman/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/iangilman/subscriptions","organizations_url":"https://api.github.com/users/iangilman/orgs","repos_url":"https://api.github.com/users/iangilman/repos","events_url":"https://api.github.com/users/iangilman/events{/privacy}","received_events_url":"https://api.github.com/users/iangilman/received_events","type":"User","site_admin":false},"created_at":"2015-09-03T16:18:17Z","updated_at":"2015-09-03T16:18:17Z","body":"Oh yes, thank you, I forgot `originalTiledImage`! \r\n\r\nIt may not be necessary for your use case, but for the general solution, the x, y, and width would be necessary; you just need to leave off the height. \r\n\r\nOtherwise looks good. :) "}}