Detailed Description - When ever I click play on a song the jukebox tab, and only that tab, goes black. Maybe 90-95% opacity, I can vaguely see the next song buttons but that's it. It's really difficult to control the games music because of this. It does seem to stop as soon as the song stops, but starts back when another song starts. Step -by- step Instructions - After some testing I have found this happens when the song list exceeds the table size, once you have to start scrolling it will turn black while playing a song. Web Browser - Chrome Browser Version- Version 80.0.3987.87 (Official Build) (64-bit) Operating System - Windows 10 64bit Javascript Enabled - Yes Antivirus - Windows Security Essentials Browser Addons - none Console Log Refused to execute inline script because it violates the following Content Security Policy directive: "script-src 'self' 'unsafe-eval' 'nonce-riRDf9fYmXsoCjsq' <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-hTtJMcq2ClIQe+B59Mdb72/lbU4iKX38yfpIbb+gJ68='), or a nonce ('nonce-...') is required to enable inline execution. app.roll20.net/:13 Refused to execute inline script because it violates the following Content Security Policy directive: "script-src 'self' 'unsafe-eval' 'nonce-riRDf9fYmXsoCjsq' <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-D3wHWxyeZqguMufBz2slycNqO9zRciWoJ5YcqIyaGxw='), or a nonce ('nonce-...') is required to enable inline execution. jquery.migrate.js:20 JQMIGRATE: Logging is active app.roll20.net/:15 CAMPAIGN ID: 3866283 app.roll20.net/:5418 Refused to execute inline script because it violates the following Content Security Policy directive: "script-src 'self' 'unsafe-eval' 'nonce-riRDf9fYmXsoCjsq' <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-vileAyXucIHIT+3pbOzFP62jSSQqBYQ/DZ/WZAa5v4Y='), or a nonce ('nonce-...') is required to enable inline execution. app.js?1580834997:541 70 app.js?1580834997:543 TOUCH SUPPORTED: false app.js?1580834997:543 USING WEBGL ACCELERATION... app.js?1580834997:543 WEBGL STARTUP SUCCESS app.js?1580834997:545 Custom Sheet Translation app.js?1580834997:560 Loading Custom character sheet. app.js?1580834997:560 Including compendium template css. tutorial_tips.js:7 tuts loaded 10Mixed Content: The page at '<URL>' was loaded over HTTPS, but requested an insecure image '<URL>'. This content should also be served over HTTPS. app.roll20.net/:1 [DOM] Found 2 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> <input class="filter-search_filter-value filtername" data-filter-num="name" data-match-type="Any" id="0" name="Name" type="text" value> app.roll20.net/:1 [DOM] Found 2 elements with non-unique id #1: (More info: <a href="https://goo.gl/9p2vKq" rel="nofollow">https://goo.gl/9p2vKq</a>) <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> <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> app.roll20.net/: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>) <input class="filter-search_filter-value" data-filter-num="2" data-match-type="Any" id="2" name="Speed" type="text" value> <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> app.roll20.net/: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="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> <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> app.roll20.net/: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="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> <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> app.roll20.net/: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 aria-selected="true" class="chosen filter-search_filter-value" data-filter-num="7" data-match-type="Any" id="7" multiple name="expansion">…</select> <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> app.roll20.net/: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"> sheetsandboxworker.js?1580882201058:682 Starting up WEB WORKER app.js?1580834997:551 Final page load. app.js?1580834997:549 Auth'ed. app.js?1580834997:549 Go post auth! app.js?1580834997:549 initial setup app.js?1580834997:550 joining game... app.js?1580834997:548 Player -LPfkNjrDVI_43WkKFzj is offline... app.js?1580834997:548 Player -LPhhRHnTMJNfy3HfbBM is offline... app.js?1580834997:548 Player -LPw9LypdqdoUMEf80Bu is offline... app.js?1580834997:548 Player -LPwPzid0fb1h7UmQiFw is offline... app.js?1580834997:548 Player -LQGZ105gTrq7u0RMv_9 is offline... app.js?1580834997:550 Deferred finish joining... app.js?1580834997:541 Firebase Online 10app.js?1580834997:547 Full load page! app.js?1580834997:549 We have 10 pages app.roll20.net/:1 [DOM] Found 11 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"> <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"> <input type="text" size="8" id="color_value"> <input type="text" size="8" id="color_value"> <input type="text" size="8" id="color_value"> thumb.webp:1 Failed to load resource: the server responded with a status of 403 (Forbidden) app.roll20.net/:1 A cookie associated with a cross-site resource at <a href="http://doubleclick.net/" rel="nofollow">http://doubleclick.net/</a> was set without the `SameSite` attribute. A future release of Chrome will only deliver cookies with cross-site requests if they are set with `SameSite=None` and `Secure`. You can review cookies in developer tools under Application>Storage>Cookies and see more details at <a href="https://www.chromestatus.com/feature/5088147346030592" rel="nofollow">https://www.chromestatus.com/feature/5088147346030592</a> and <a href="https://www.chromestatus.com/feature/5633521622188032" rel="nofollow">https://www.chromestatus.com/feature/5633521622188032</a>. app.roll20.net/:1 A cookie associated with a resource at <a href="http://doubleclick.net/" rel="nofollow">http://doubleclick.net/</a> was set with `SameSite=None` but without `Secure`. A future release of Chrome will only deliver cookies marked `SameSite=None` if they are also marked `Secure`. You can review cookies in developer tools under Application>Storage>Cookies and see more details at <a href="https://www.chromestatus.com/feature/5633521622188032" rel="nofollow">https://www.chromestatus.com/feature/5633521622188032</a>. /editor/undefined:1 Failed to load resource: the server responded with a status of 404 () DevTools failed to parse SourceMap: chrome-extension://cfhdojbkjhnklbpkdaibdccddilifddb/include.preload.js.map DevTools failed to parse SourceMap: chrome-extension://cfhdojbkjhnklbpkdaibdccddilifddb/include.postload.js.map 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>
