So I just got into Roll20 recently and I am having issues taking my images that I have uploaded into the Art Library and placing them onto the tabletop. When I view the Page Toolbar I can see the map I am trying to place onto the tabletop however the actual screen remains white. I have changed my layer to be on the background/map already. I am using Google Chrome without any extensions so that shouldn't be the problem. Update: I have gone through your three steps and the issue still remains. Here are my Console Logs: (index):12 Refused to execute inline script because it violates the following Content Security Policy directive: "script-src 'self' 'unsafe-eval' 'nonce-ecwotboGcBqbgaNU' <a href="http://cdn.inspectlet.com" rel="nofollow">http://cdn.inspectlet.com</a> https://*.googlesyndication.com https://*.doubleclick.net <a href="https://partner.googleadservices.com" rel="nofollow">https://partner.googleadservices.com</a> <a href="https://www.googletagservices.com" rel="nofollow">https://www.googletagservices.com</a> <a href="https://ssl.google-analytics.com" rel="nofollow">https://ssl.google-analytics.com</a> <a href="https://www.google-analytics.com" rel="nofollow">https://www.google-analytics.com</a> <a href="https://ajax.googleapis.com" rel="nofollow">https://ajax.googleapis.com</a> <a href="http://ajax.googleapis.com" rel="nofollow">http://ajax.googleapis.com</a> <a href="https://d3clqjduf2gvxg.cloudfront.net" rel="nofollow">https://d3clqjduf2gvxg.cloudfront.net</a> <a href="https://cdn.firebase.com" rel="nofollow">https://cdn.firebase.com</a> https://*.firebaseio.com https://*.tokbox.com https://*.opentok.com <a href="http://static.opentok.com" rel="nofollow">http://static.opentok.com</a> <a href="http://www.google-analytics.com" rel="nofollow">http://www.google-analytics.com</a> <a href="http://cdn.crowdin.com" rel="nofollow">http://cdn.crowdin.com</a> <a href="https://crowdin.com" rel="nofollow">https://crowdin.com</a> <a href="http://stun.l.google.com" rel="nofollow">http://stun.l.google.com</a>". Either the 'unsafe-inline' keyword, a hash ('sha256-YkKX1y5lJJDEhUhSJDg3eoHhkNHro4RQmjBUD9+zPXo='), or a nonce ('nonce-...') is required to enable inline execution. (index):13 Refused to execute inline script because it violates the following Content Security Policy directive: "script-src 'self' 'unsafe-eval' 'nonce-ecwotboGcBqbgaNU' <a href="http://cdn.inspectlet.com" rel="nofollow">http://cdn.inspectlet.com</a> https://*.googlesyndication.com https://*.doubleclick.net <a href="https://partner.googleadservices.com" rel="nofollow">https://partner.googleadservices.com</a> <a href="https://www.googletagservices.com" rel="nofollow">https://www.googletagservices.com</a> <a href="https://ssl.google-analytics.com" rel="nofollow">https://ssl.google-analytics.com</a> <a href="https://www.google-analytics.com" rel="nofollow">https://www.google-analytics.com</a> <a href="https://ajax.googleapis.com" rel="nofollow">https://ajax.googleapis.com</a> <a href="http://ajax.googleapis.com" rel="nofollow">http://ajax.googleapis.com</a> <a href="https://d3clqjduf2gvxg.cloudfront.net" rel="nofollow">https://d3clqjduf2gvxg.cloudfront.net</a> <a href="https://cdn.firebase.com" rel="nofollow">https://cdn.firebase.com</a> https://*.firebaseio.com https://*.tokbox.com https://*.opentok.com <a href="http://static.opentok.com" rel="nofollow">http://static.opentok.com</a> <a href="http://www.google-analytics.com" rel="nofollow">http://www.google-analytics.com</a> <a href="http://cdn.crowdin.com" rel="nofollow">http://cdn.crowdin.com</a> <a href="https://crowdin.com" rel="nofollow">https://crowdin.com</a> <a href="http://stun.l.google.com" rel="nofollow">http://stun.l.google.com</a>". Either the 'unsafe-inline' keyword, a hash ('sha256-/XHNKTzdVLpPBcMgsOl9LN6PEC5ufZbaLdoU14BWKr0='), or a nonce ('nonce-...') is required to enable inline execution. jquery.migrate.js:20 JQMIGRATE: Logging is active ?timestamp=1586465499&disablewebgl=false&forcelongpolling=false&offsite=false&fbdebug=false&forcetouch=false:15 CAMPAIGN ID: 6359907 app.js?1586370438:552 70 app.js?1586370438:554 TOUCH SUPPORTED: false app.js?1586370438:556 Custom Sheet Translation app.js?1586370438:574 Loading Custom character sheet. app.js?1586370438:574 Including compendium template css. tutorial_tips.js:7 tuts loaded (index):1 [DOM] Found 3 elements with non-unique id #0: (More info: <a href="https://goo.gl/9p2vKq" rel="nofollow">https://goo.gl/9p2vKq</a>) <input class="filter-search_filter-value filtername" data-filter-num="name" data-match-type="Any" id="0" name="Name" type="text" value> <select name="Item Type[]" id="0" class="chosen filter-search_filter-value multiselect" multiple="multiple" aria-selected="true" data-filter-num="0" data-match-type="Exact" placeholder="Select Some Options">…</select> <input class="filter-search_filter-value filtername" data-filter-num="name" data-match-type="Any" id="0" name="Name" type="text" value> (index):1 [DOM] Found 3 elements with non-unique id #1: (More info: <a href="https://goo.gl/9p2vKq" rel="nofollow">https://goo.gl/9p2vKq</a>) <select name="Level[]" id="1" class="chosen filter-search_filter-value multiselect" multiple="multiple" aria-selected="true" data-filter-num="1" data-match-type="Any" placeholder="Select Some Options">…</select> <select aria-selected="true" class="chosen filter-search_filter-value" data-filter-num="1" data-match-type="Exact" id="1" multiple name="expansion">…</select> <select name="Alignment[]" id="1" class="chosen filter-search_filter-value multiselect" multiple="multiple" aria-selected="true" data-filter-num="1" data-match-type="Any" placeholder="Select Some Options">…</select> (index):1 [DOM] Found 2 elements with non-unique id #2: (More info: <a href="https://goo.gl/9p2vKq" rel="nofollow">https://goo.gl/9p2vKq</a>) <select name="Classes[]" id="2" class="chosen filter-search_filter-value multiselect" multiple="multiple" aria-selected="true" data-filter-num="2" data-match-type="Any" placeholder="Select Some Options">…</select> <input class="filter-search_filter-value" data-filter-num="2" data-match-type="Any" id="2" name="Speed" type="text" value> (index):1 [DOM] Found 2 elements with non-unique id #3: (More info: <a href="https://goo.gl/9p2vKq" rel="nofollow">https://goo.gl/9p2vKq</a>) <select name="School[]" id="3" class="chosen filter-search_filter-value multiselect" multiple="multiple" aria-selected="true" data-filter-num="3" data-match-type="Any" placeholder="Select Some Options">…</select> <select name="Type[]" id="3" class="chosen filter-search_filter-value multiselect" multiple="multiple" aria-selected="true" data-filter-num="3" data-match-type="Any" placeholder="Select Some Options">…</select> (index):1 [DOM] Found 2 elements with non-unique id #6: (More info: <a href="https://goo.gl/9p2vKq" rel="nofollow">https://goo.gl/9p2vKq</a>) <select name="Casting Time[]" id="6" class="chosen filter-search_filter-value multiselect" multiple="multiple" aria-selected="true" data-filter-num="6" data-match-type="Any" placeholder="Select Some Options">…</select> <select name="Languages[]" id="6" class="chosen filter-search_filter-value multiselect" multiple="multiple" aria-selected="true" data-filter-num="6" data-match-type="Any" placeholder="Select Some Options">…</select> (index):1 [DOM] Found 2 elements with non-unique id #7: (More info: <a href="https://goo.gl/9p2vKq" rel="nofollow">https://goo.gl/9p2vKq</a>) <select name="Range[]" id="7" class="chosen filter-search_filter-value multiselect" multiple="multiple" aria-selected="true" data-filter-num="7" data-match-type="Any" placeholder="Select Some Options">…</select> <select aria-selected="true" class="chosen filter-search_filter-value" data-filter-num="7" data-match-type="Any" id="7" multiple name="expansion">…</select> (index):1 [DOM] Found 2 elements with non-unique id #color_value: (More info: <a href="https://goo.gl/9p2vKq" rel="nofollow">https://goo.gl/9p2vKq</a>) <input type="text" size="8" id="color_value"> <input type="text" size="8" id="color_value"> app.js?1586370438:563 Final page load. sheetsandboxworker.js?1586465388010:682 Starting up WEB WORKER app.js?1586370438:561 Auth'ed. app.js?1586370438:561 Go post auth! app.js?1586370438:561 initial setup app.js?1586370438:561 joining game... app.js?1586370438:559 Player -M3EqxovZbOeRO1qW3J2 is offline... app.js?1586370438:559 Player -M3EuQ9aU7MrHjhDhXf5 is offline... app.js?1586370438:559 Player -M3Mevfqn9E-1bL3S1pR is offline... app.js?1586370438:559 Player -M4FbjRfCxKhnjn--lNf is offline... app.js?1586370438:561 Deferred finish joining... app.js?1586370438:552 Firebase Online 3app.js?1586370438:558 Full load page! app.js?1586370438:561 We have 3 pages (index):1 [DOM] Found 4 elements with non-unique id #color_value: (More info: <a href="https://goo.gl/9p2vKq" rel="nofollow">https://goo.gl/9p2vKq</a>) <input type="text" size="8" id="color_value"> <input type="text" size="8" id="color_value"> <input type="text" size="8" id="color_value"> <input type="text" size="8" id="color_value"> app.js?1586370438:553 Uncaught TypeError: Cannot read property 'clearRect' of undefined at Object.d20.canvas_overlay.redrawLighting (app.js?1586370438:553) at renderLoop (app.js?1586370438:554) 2app.js?1586370438:81 No url, probably already deleted. app.js?1586370438:558 Full load page! (index):1 [DOM] Found 2 elements with non-unique id #color_value: (More info: <a href="https://goo.gl/9p2vKq" rel="nofollow">https://goo.gl/9p2vKq</a>) <input type="text" size="8" id="color_value"> <input type="text" size="8" id="color_value"> DevTools failed to parse SourceMap: <a href="https://app.roll20.net/js/d20/underscore-min.map" rel="nofollow">https://app.roll20.net/js/d20/underscore-min.map</a>
