Apologies if there are multiple replies by me - I replied twice but am unable to see them in the thread. I then posted a simple reply and edited in the steps and log and it is now displaying as I would expect. Below are the steps taken to reproduce the issue: Clear console Launch game Wait for game to load Select "Hide from others" Attempt to measure something /editor/:12 Refused to execute inline script because it violates the following Content Security Policy directive: "script-src 'self' 'unsafe-eval' 'nonce-iHvDp2dpOBfUEkCV' <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> *.sentry-cdn.com". Either the 'unsafe-inline' keyword, a hash ('sha256-8zK88st98lrOPZA74SFuXDc0U6o9QoBidaTuaA50a5w='), or a nonce ('nonce-...') is required to enable inline execution.
/editor/:13 Refused to execute inline script because it violates the following Content Security Policy directive: "script-src 'self' 'unsafe-eval' 'nonce-iHvDp2dpOBfUEkCV' <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> *.sentry-cdn.com". 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
instrument.ts:129 CAMPAIGN ID: 7089374
instrument.ts:129 70
instrument.ts:129 Custom Sheet Translation
instrument.ts:129 TOUCH SUPPORTED: false
instrument.ts:129 USING WEBGL ACCELERATION...
instrument.ts:129 WEBGL STARTUP SUCCESS
instrument.ts:129 Loading Custom character sheet.
instrument.ts:129 Including compendium template css.
instrument.ts:129 tuts loaded
app.roll20.net/: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>
app.roll20.net/: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>
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>) <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>
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="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>
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="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>
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 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>
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?1587590996922:682 Starting up WEB WORKER
DevTools failed to load SourceMap: Could not load content for <a href="https://app.roll20.net/js/d20/underscore-min.map" rel="nofollow">https://app.roll20.net/js/d20/underscore-min.map</a>: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
instrument.ts:129 Final page load.
instrument.ts:129 Auth'ed.
instrument.ts:129 Go post auth!
instrument.ts:129 initial setup
instrument.ts:129 joining game...
instrument.ts:129 Player -M5YHt9Gi_w12QpyRUnc is offline...
instrument.ts:129 Player -M5YI2suAeg7VWu0ZDqD is offline...
instrument.ts:129 Player -M5YI37GBwB_yaTKszFs is offline...
instrument.ts:129 Player -M5YI41CUrFaZkP_Wd_S is offline...
instrument.ts:129 Player -M5YI7yzp69mu_G3oVBB is offline...
instrument.ts:129 Deferred finish joining...
instrument.ts:129 Firebase Online
22instrument.ts:129 Full load page!
instrument.ts:129 We have 22 pages
app.roll20.net/:1 [DOM] Found 23 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"> <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"> <input type="text" size="8" id="color_value">
helpers.ts:110 Uncaught DOMException: Failed to execute 'drawImage' on 'CanvasRenderingContext2D': The HTMLImageElement provided is in the 'broken' state.
at M (<a href="https://app.roll20.net/assets/app.js?1587473048:558:2817" rel="nofollow">https://app.roll20.net/assets/app.js?1587473048:558:2817</a>)
at A (<a href="https://app.roll20.net/assets/app.js?1587473048:557:32688" rel="nofollow">https://app.roll20.net/assets/app.js?1587473048:557:32688</a>)
at <a href="https://app.roll20.net/assets/app.js?1587473048:558:5079" rel="nofollow">https://app.roll20.net/assets/app.js?1587473048:558:5079</a>
at Function.C.each.C.forEach (<a href="https://app.roll20.net/assets/base.js?1578419093:6:1780" rel="nofollow">https://app.roll20.net/assets/base.js?1578419093:6:1780</a>)
at Object.d20.engine.drawMeasurements (<a href="https://app.roll20.net/assets/app.js?1587473048:558:4614" rel="nofollow">https://app.roll20.net/assets/app.js?1587473048:558:4614</a>)
at renderLoop (<a href="https://app.roll20.net/assets/app.js?1587473048:557:1909" rel="nofollow">https://app.roll20.net/assets/app.js?1587473048:557:1909</a>)
at sentryWrapped (<a href="https://browser.sentry-cdn.com/5.15.4/bundle.min.js:2:45595" rel="nofollow">https://browser.sentry-cdn.com/5.15.4/bundle.min.js:2:45595</a>)
sentryWrapped @ bundle.min.js:2
requestAnimationFrame (async)
(anonymous) @ bundle.min.js:2
renderLoop @ app.js?1587473048:557
sentryWrapped @ bundle.min.js:2
requestAnimationFrame (async)
(anonymous) @ bundle.min.js:2
renderLoop @ app.js?1587473048:557
sentryWrapped @ bundle.min.js:2
requestAnimationFrame (async)
(anonymous) @ bundle.min.js:2
renderLoop @ app.js?1587473048:557
sentryWrapped @ bundle.min.js:2
requestAnimationFrame (async)
(anonymous) @ bundle.min.js:2
renderLoop @ app.js?1587473048:557
sentryWrapped @ bundle.min.js:2
requestAnimationFrame (async)
(anonymous) @ bundle.min.js:2
renderLoop @ app.js?1587473048:557
sentryWrapped @ bundle.min.js:2
requestAnimationFrame (async)
(anonymous) @ bundle.min.js:2
renderLoop @ app.js?1587473048:557
sentryWrapped @ bundle.min.js:2
requestAnimationFrame (async)
(anonymous) @ bundle.min.js:2
renderLoop @ app.js?1587473048:557
sentryWrapped @ bundle.min.js:2
requestAnimationFrame (async)
(anonymous) @ bundle.min.js:2
renderLoop @ app.js?1587473048:557
sentryWrapped @ bundle.min.js:2
requestAnimationFrame (async)
(anonymous) @ bundle.min.js:2
renderLoop @ app.js?1587473048:557
sentryWrapped @ bundle.min.js:2
requestAnimationFrame (async)
(anonymous) @ bundle.min.js:2
renderLoop @ app.js?1587473048:557
sentryWrapped @ bundle.min.js:2
requestAnimationFrame (async)
(anonymous) @ bundle.min.js:2
renderLoop @ app.js?1587473048:557
sentryWrapped @ bundle.min.js:2
requestAnimationFrame (async)
(anonymous) @ bundle.min.js:2
renderLoop @ app.js?1587473048:557
sentryWrapped @ bundle.min.js:2
requestAnimationFrame (async)
(anonymous) @ bundle.min.js:2
renderLoop @ app.js?1587473048:557
sentryWrapped @ bundle.min.js:2
requestAnimationFrame (async)
(anonymous) @ bundle.min.js:2
renderLoop @ app.js?1587473048:557
sentryWrapped @ bundle.min.js:2
requestAnimationFrame (async)
(anonymous) @ bundle.min.js:2
renderLoop @ app.js?1587473048:557
sentryWrapped @ bundle.min.js:2
requestAnimationFrame (async)
(anonymous) @ bundle.min.js:2
renderLoop @ app.js?1587473048:557
sentryWrapped @ bundle.min.js:2
requestAnimationFrame (async)
(anonymous) @ bundle.min.js:2
renderLoop @ app.js?1587473048:557
sentryWrapped @ bundle.min.js:2
requestAnimationFrame (async)
(anonymous) @ bundle.min.js:2
renderLoop @ app.js?1587473048:557
sentryWrapped @ bundle.min.js:2
requestAnimationFrame (async)
(anonymous) @ bundle.min.js:2
renderLoop @ app.js?1587473048:557
sentryWrapped @ bundle.min.js:2
requestAnimationFrame (async)
(anonymous) @ bundle.min.js:2
renderLoop @ app.js?1587473048:557
sentryWrapped @ bundle.min.js:2
requestAnimationFrame (async)
(anonymous) @ bundle.min.js:2
renderLoop @ app.js?1587473048:557
sentryWrapped @ bundle.min.js:2
requestAnimationFrame (async)
(anonymous) @ bundle.min.js:2
renderLoop @ app.js?1587473048:557
sentryWrapped @ bundle.min.js:2
requestAnimationFrame (async)
(anonymous) @ bundle.min.js:2
renderLoop @ app.js?1587473048:557
sentryWrapped @ bundle.min.js:2
requestAnimationFrame (async)
(anonymous) @ bundle.min.js:2
renderLoop @ app.js?1587473048:557
sentryWrapped @ bundle.min.js:2
requestAnimationFrame (async)
(anonymous) @ bundle.min.js:2
renderLoop @ app.js?1587473048:557
sentryWrapped @ bundle.min.js:2
requestAnimationFrame (async)
(anonymous) @ bundle.min.js:2
renderLoop @ app.js?1587473048:557
sentryWrapped @ bundle.min.js:2
requestAnimationFrame (async)
(anonymous) @ bundle.min.js:2
renderLoop @ app.js?1587473048:557
sentryWrapped @ bundle.min.js:2
requestAnimationFrame (async)
(anonymous) @ bundle.min.js:2
renderLoop @ app.js?1587473048:557
sentryWrapped @ bundle.min.js:2
requestAnimationFrame (async)
(anonymous) @ bundle.min.js:2
renderLoop @ app.js?1587473048:557
sentryWrapped @ bundle.min.js:2
requestAnimationFrame (async)
(anonymous) @ bundle.min.js:2
renderLoop @ app.js?1587473048:557
sentryWrapped @ bundle.min.js:2
requestAnimationFrame (async)
(anonymous) @ bundle.min.js:2
renderLoop @ app.js?1587473048:557
sentryWrapped @ bundle.min.js:2
requestAnimationFrame (async)
(anonymous) @ bundle.min.js:2
renderLoop @ app.js?1587473048:557
sentryWrapped @ bundle.min.js:2 As mentioned in my first post, the image for the "Hide from others" isn't loading either. I have inspected the element and found that it is struggling to load this: <a href="https://app.roll20.net/images/editor/ruler_vis_hide.png" rel="nofollow">https://app.roll20.net/images/editor/ruler_vis_hide.png</a> Please let me know if any further information is required. Thanks!
