Roll20 uses cookies to improve your experience on our site. Cookies enable you to enjoy certain features, social sharing functionality, and tailor message and display ads to your interests on our site and others. They also help us understand how our site is being used. By continuing to use our site, you consent to our use of cookies. Update your cookie preferences .
×
Create a free account

Mousewheel and hotkey scrolling and zooming on main map randomly stops working

Hello, I've had a problem in Roll20 for awhile now and have finally gotten fed up enough to see if I could get help, or perhaps even bring to light a potential bug. I have a dual monitor setup and love, as a DM, being able to pop out multiple monster sheets, the jukebox, etc and toss them up on my second screen for quick reference so they don't crowd the main screen and map. On occasion, and seemingly at random, after interacting with a popped out page on the second screen and going back to the main window all map zooming and functionality of the mousewheel and hotkeys ceases to work. I can still manually&nbsp; zoom and scroll the map by dragging the sliders, but the only way to restore mousewheel and hotkey functionality is to reload the page. This is a nuisance, especially if I have multiple pages open and carefully situated. I should clarify that all DM hotkeys still work fine, just the ones tied to zooming and scrolling the map cease to function. When I leave pages un-popped out this problem doesn't seem to occur. It only seems to occur after interacting with popped out pages on my second monitor. Also, it doesn't happen every time I interact with popped out sheets on the second monitor, but it happens often enough for the issue to show up at least a few times each play session. Additionally, the main browser window Roll20 is in on my main screen is not in windowed mode, it is maximized. I've also noticed this problem occur when switching between multiple browser tabs, especially if i'm interacting with the page in some way such as typing, clicking links, etc.&nbsp; If anyone knows a solution for this, or can enlighten me on something I may be doing that's causing the issue, i'd love any help that can be offered. Also, thanks Roll20 team for offering such an amazing product and service. It's nice that my largest issue is something that's only a nuisance and not game-breaking. Keep up the good work! Steps to Reproduce Issue: Pop out a character sheet and drag it to the second monitor of a dual monitor setup (i've only noticed it with character/npc sheets, not with the popped out jukebox, chatbox, handouts, etc) Click around the page, scroll, type, basically just interact with the sheet while it's popped out and on the second monitor. Click through multiple browser tabs and interact with the pages (for example, the problem just occurred again as I was on this tab filling out this post). Click back over to the main window/tab and try to zoom or scroll the map around with the mousewheel. *The issue doesn't occur every time, only after going back and forth between windows/tabs over a period of time. Sometimes it occurs faster than others, but given enough time it happens every time, for me at least. Computer Settings: Web Browser: Google Chrome Browser Version: &nbsp;62.0.3202.94 (Official Build) (64-bit) Operating System: Windows 8.1 Pro, 64-bit Javascript: &nbsp;Enabled Anti-virus Software: Windows Defender Browser Add-ons / Extensions: AdBlock 3.20.0, Adblock Plus 1.13.4 Cache: Cleared Console Log: /editor/#:12 Refused to execute inline script because it violates the following Content Security Policy directive: "script-src 'self' 'unsafe-eval' https://*.googlesyndication.com https://*.doubleclick.net https://*.googlesyndication.com <a href="https://www.googletagservices.com" rel="nofollow">https://www.googletagservices.com</a> https://*.googlesyndication.com <a href="https://www.google-analytics.com" rel="nofollow">https://www.google-analytics.com</a> https://*.googlesyndication.com <a href="http://ajax.googleapis.com" rel="nofollow">http://ajax.googleapis.com</a> https://*.googlesyndication.com <a href="https://cdn.firebase.com" rel="nofollow">https://cdn.firebase.com</a> https://*.googlesyndication.com https://*.tokbox.com https://*.googlesyndication.com <a href="http://static.opentok.com" rel="nofollow">http://static.opentok.com</a> https://*.googlesyndication.com <a href="http://cdn.crowdin.com" rel="nofollow">http://cdn.crowdin.com</a> https://*.googlesyndication.com <a href="http://stun.l.google.com" rel="nofollow">http://stun.l.google.com</a>". Either the 'unsafe-inline' keyword, a hash ('sha256-fMnsn2zVuJtpj6eqIQ7PfbfsueekKHBdH6zqW0x6gto='), 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' https://*.googlesyndication.com https://*.doubleclick.net https://*.googlesyndication.com <a href="https://www.googletagservices.com" rel="nofollow">https://www.googletagservices.com</a> https://*.googlesyndication.com <a href="https://www.google-analytics.com" rel="nofollow">https://www.google-analytics.com</a> https://*.googlesyndication.com <a href="http://ajax.googleapis.com" rel="nofollow">http://ajax.googleapis.com</a> https://*.googlesyndication.com <a href="https://cdn.firebase.com" rel="nofollow">https://cdn.firebase.com</a> https://*.googlesyndication.com https://*.tokbox.com https://*.googlesyndication.com <a href="http://static.opentok.com" rel="nofollow">http://static.opentok.com</a> https://*.googlesyndication.com <a href="http://cdn.crowdin.com" rel="nofollow">http://cdn.crowdin.com</a> https://*.googlesyndication.com <a href="http://stun.l.google.com" rel="nofollow">http://stun.l.google.com</a>". Either the 'unsafe-inline' keyword, a hash ('sha256-XPHiyPDyu4C+XVB9dLWwkrWHrK1Uyx+SZ15a45HFbQc='), or a nonce ('nonce-...') is required to enable inline execution. VM56:674 Refused to execute inline script because it violates the following Content Security Policy directive: "script-src 'self' 'unsafe-eval' https://*.googlesyndication.com https://*.doubleclick.net https://*.googlesyndication.com <a href="https://www.googletagservices.com" rel="nofollow">https://www.googletagservices.com</a> https://*.googlesyndication.com <a href="https://www.google-analytics.com" rel="nofollow">https://www.google-analytics.com</a> https://*.googlesyndication.com <a href="http://ajax.googleapis.com" rel="nofollow">http://ajax.googleapis.com</a> https://*.googlesyndication.com <a href="https://cdn.firebase.com" rel="nofollow">https://cdn.firebase.com</a> https://*.googlesyndication.com https://*.tokbox.com https://*.googlesyndication.com <a href="http://static.opentok.com" rel="nofollow">http://static.opentok.com</a> https://*.googlesyndication.com <a href="http://cdn.crowdin.com" rel="nofollow">http://cdn.crowdin.com</a> https://*.googlesyndication.com <a href="http://stun.l.google.com" rel="nofollow">http://stun.l.google.com</a>". Either the 'unsafe-inline' keyword, a hash ('sha256-8UwpdwiuqXJty4DoSWEA9W+FMdXW5Ol0a3ZjF7czsyo='), or a nonce ('nonce-...') is required to enable inline execution. addScript @ VM56:674 VM56:674 Refused to execute inline script because it violates the following Content Security Policy directive: "script-src 'self' 'unsafe-eval' https://*.googlesyndication.com https://*.doubleclick.net https://*.googlesyndication.com <a href="https://www.googletagservices.com" rel="nofollow">https://www.googletagservices.com</a> https://*.googlesyndication.com <a href="https://www.google-analytics.com" rel="nofollow">https://www.google-analytics.com</a> https://*.googlesyndication.com <a href="http://ajax.googleapis.com" rel="nofollow">http://ajax.googleapis.com</a> https://*.googlesyndication.com <a href="https://cdn.firebase.com" rel="nofollow">https://cdn.firebase.com</a> https://*.googlesyndication.com https://*.tokbox.com https://*.googlesyndication.com <a href="http://static.opentok.com" rel="nofollow">http://static.opentok.com</a> https://*.googlesyndication.com <a href="http://cdn.crowdin.com" rel="nofollow">http://cdn.crowdin.com</a> https://*.googlesyndication.com <a href="http://stun.l.google.com" rel="nofollow">http://stun.l.google.com</a>". Either the 'unsafe-inline' keyword, a hash ('sha256-nC1EIFTfIzbc0hgADWC4Eos+jMRdIaPymHrOT/14N2s='), or a nonce ('nonce-...') is required to enable inline execution. addScript @ VM56:674 <a href="http://www.google-analytics.com/analytics.js" rel="nofollow">www.google-analytics.com/analytics.js</a> Failed to load resource: net::ERR_BLOCKED_BY_CLIENT app.js?1510076098:31 70 app.js?1510076098:32 TOUCH SUPPORTED: false app.js?1510076098:32 USING WEBGL ACCELERATION... app.js?1510076098:32 WEBGL STARTUP SUCCESS app.js?1510076098:33 Custom Sheet Translation VM57:38 Some page elements became a bit less important. app.js?1510076098:26 select app.js?1510076098:26 Switch mode to select app.js?1510076098:43 Initializing new dice engine with randomness... app.js?1510076098:43 Using random entropy app.js?1510076098:46 Compiling sheet... app.js?1510076098:46 Found rolltemplate: simple app.js?1510076098:46 Found rolltemplate: atk app.js?1510076098:46 Found rolltemplate: dmg app.js?1510076098:46 Found rolltemplate: atkdmg app.js?1510076098:46 Found rolltemplate: desc app.js?1510076098:46 Found rolltemplate: spell app.js?1510076098:46 Found rolltemplate: traits app.js?1510076098:46 Found rolltemplate: npc app.js?1510076098:46 Found rolltemplate: npcatk app.js?1510076098:46 Found rolltemplate: npcdmg app.js?1510076098:46 Found rolltemplate: npcaction app.js?1510076098:46 Found webworker script app.js?1510076098:46 Finding sheet rolls... app.js?1510076098:48 window resize app.js?1510076098:32 Final set zoom! app.js?1510076098:32 UPDATE GL SIZE! app.js?1510076098:32 Final set zoom! tutorial_tips.js:7 tuts loaded /editor/#:1 Mixed Content: The page at '<a href="https://app.roll20.net/editor/#" rel="nofollow">https://app.roll20.net/editor/#</a>' was loaded over HTTPS, but requested an insecure image '<a href="http://imgsrv.roll20.net/?src=raw.githubusercontent.com/Roll20/roll20-character-sheets/master/5th%2520Edition%2520OGL%2520by%2520Roll20/images/srd5_360.png" rel="nofollow">http://imgsrv.roll20.net/?src=raw.githubusercontent.com/Roll20/roll20-character-sheets/master/5th%2520Edition%2520OGL%2520by%2520Roll20/images/srd5_360.png</a>'. This content should also be served over HTTPS. /editor/#:1 Mixed Content: The page at '<a href="https://app.roll20.net/editor/#" rel="nofollow">https://app.roll20.net/editor/#</a>' was loaded over HTTPS, but requested an insecure image '<a href="http://imgsrv.roll20.net/?src=raw.githubusercontent.com/Roll20/roll20-character-sheets/master/5th%2520Edition%2520OGL%2520by%2520Roll20/images/weight_lbs.png" rel="nofollow">http://imgsrv.roll20.net/?src=raw.githubusercontent.com/Roll20/roll20-character-sheets/master/5th%2520Edition%2520OGL%2520by%2520Roll20/images/weight_lbs.png</a>'. This content should also be served over HTTPS. 3/editor/#:1 Mixed Content: The page at '<a href="https://app.roll20.net/editor/#" rel="nofollow">https://app.roll20.net/editor/#</a>' was loaded over HTTPS, but requested an insecure image '<a href="http://imgsrv.roll20.net/?src=raw.githubusercontent.com/Roll20/roll20-character-sheets/master/5th%2520Edition%2520OGL%2520by%2520Roll20/images/srd5_360.png" rel="nofollow">http://imgsrv.roll20.net/?src=raw.githubusercontent.com/Roll20/roll20-character-sheets/master/5th%2520Edition%2520OGL%2520by%2520Roll20/images/srd5_360.png</a>'. This content should also be served over HTTPS. sheetsandboxworker.js?20170926:260 Starting up WEB WORKER sheetsandboxworker.js?20170926:260 Starting up WEB WORKER app.js?1510076098:38 Final page load. app.js?1510076098:48 Refresh jukebox List! app.js?1510076098:38 Scan for new plays! app.js?1510076098:38 Auth'ed. app.js?1510076098:38 Go post auth! app.js?1510076098:38 initial setup app.js?1510076098:48 Refresh jukebox List! app.js?1510076098:38 specific changed! app.js?1510076098:36 T.s app.js?1510076098:38 Got players value... app.js:38 joining game... 13app.js:35 Full load page! app.js:38 We have 28 pages app.js:41 refershing page listings! app.js:46 Refresh Journal List! app.js:46 Search took 27ms app.js:36 Player -Khj6cQcFLmgY8UQL3b8 is offline... app.js:36 Global Volume: 50=0.25 app.js:36 Player -KhoGjgMikKoNQ8Z6vR- is offline... app.js:36 Player -Kht6TeIa08HX_POe2w9 is offline... app.js:36 Player -KhwRztSyXIwmgIjsHUZ is offline... app.js:36 Player -Ki2Qo_vBdhdTTGWic-y is offline... app.js:36 Player -Kkdit0FsEGiwHLU8iuI is offline... app.js:36 Player -KsbVw7osxkVFWB3R6og is offline... app.js:36 Player -KtAhD8jGNrQmDfIzQ3p is offline... app.js:36 Player -KuhCtUaU3lz0pREs_H4 is offline... app.js:38 Deferred finish joining... app.js:31 Firebase Online app.js:38 handle page changes app.js:38 Object app.js:48 Refresh jukebox List! app.js:38 init active page! app.js:35 activate page! app.js:35 FULLY ACTIVATE VIEWS FOR PAGE. app.js:34 Do refresh link cache! app.js:38 Scan for new plays! app.js:46 Refresh Journal List! app.js:46 Search took 108ms app.js:35 Graphics: 14 app.js:35 Paths: 0 jquery.1.8.2.min.js:2 Mixed Content: The page at '<a href="https://app.roll20.net/editor/#" rel="nofollow">https://app.roll20.net/editor/#</a>' was loaded over HTTPS, but requested an insecure image '<a href="http://imgsrv.roll20.net/?src=raw.githubusercontent.com/Roll20/roll20-character-sheets/master/5th%2520Edition%2520OGL%2520by%2520Roll20/images/spellbg.jpg" rel="nofollow">http://imgsrv.roll20.net/?src=raw.githubusercontent.com/Roll20/roll20-character-sheets/master/5th%2520Edition%2520OGL%2520by%2520Roll20/images/spellbg.jpg</a>'. This content should also be served over HTTPS. get @ jquery.1.8.2.min.js:2 app.js:48 Refresh jukebox List! app.js:41 refershing page listings! 2app.js:35 Reorder by ZORDER app.js:48 window resize app.js:32 Final set zoom! app.js:32 UPDATE GL SIZE! app.js:32 Final set zoom! app.js:46 Refresh Journal List! app.js:46 Search took 150ms app.js:46 Refresh Journal List! app.js:46 Search took 148ms app.js:46 Refresh Journal List! app.js:46 Search took 149ms 2app.js:34 139 app.js:32 Show token's character... app.js:39 Show Character View Dialog! app.js:39 --- RENDER CHARACTIVE VIEW ---- app.js:39 Redoing charsheet html app.js:39 110ms to end of html app.js:34 139 /editor/#:1 Mixed Content: The page at '<a href="https://app.roll20.net/editor/#" rel="nofollow">https://app.roll20.net/editor/#</a>' was loaded over HTTPS, but requested an insecure image '<a href="http://imgsrv.roll20.net/?src=raw.githubusercontent.com/Roll20/roll20-character-sheets/master/5th%2520Edition%2520OGL%2520by%2520Roll20/images/srd5_360.png" rel="nofollow">http://imgsrv.roll20.net/?src=raw.githubusercontent.com/Roll20/roll20-character-sheets/master/5th%2520Edition%2520OGL%2520by%2520Roll20/images/srd5_360.png</a>'. This content should also be served over HTTPS. /editor/#:1 Mixed Content: The page at '<a href="https://app.roll20.net/editor/#" rel="nofollow">https://app.roll20.net/editor/#</a>' was loaded over HTTPS, but requested an insecure image '<a href="http://imgsrv.roll20.net/?src=raw.githubusercontent.com/Roll20/roll20-character-sheets/master/5th%2520Edition%2520OGL%2520by%2520Roll20/images/weight_lbs.png" rel="nofollow">http://imgsrv.roll20.net/?src=raw.githubusercontent.com/Roll20/roll20-character-sheets/master/5th%2520Edition%2520OGL%2520by%2520Roll20/images/weight_lbs.png</a>'. This content should also be served over HTTPS. 3/editor/#:1 Mixed Content: The page at '<a href="https://app.roll20.net/editor/#" rel="nofollow">https://app.roll20.net/editor/#</a>' was loaded over HTTPS, but requested an insecure image '<a href="http://imgsrv.roll20.net/?src=raw.githubusercontent.com/Roll20/roll20-character-sheets/master/5th%2520Edition%2520OGL%2520by%2520Roll20/images/srd5_360.png" rel="nofollow">http://imgsrv.roll20.net/?src=raw.githubusercontent.com/Roll20/roll20-character-sheets/master/5th%2520Edition%2520OGL%2520by%2520Roll20/images/srd5_360.png</a>'. This content should also be served over HTTPS. /editor/#:1 Mixed Content: The page at '<a href="https://app.roll20.net/editor/#" rel="nofollow">https://app.roll20.net/editor/#</a>' was loaded over HTTPS, but requested an insecure image '<a href="http://imgsrv.roll20.net/?src=i.pinimg.com/736x/01/53/c3/0153c3bc546e757700e379fdb3d2fa76--lady-knight-warrior-girl.jpg" rel="nofollow">http://imgsrv.roll20.net/?src=i.pinimg.com/736x/01/53/c3/0153c3bc546e757700e379fdb3d2fa76--lady-knight-warrior-girl.jpg</a>'. This content should also be served over HTTPS. app.js:39 Really updating character sheet values sheetsandboxworker.js?20170926:sourcemap:67 Triggering for sheet:opened app.js:40 Foudn a pre-defined key order! app.js:39 Setting up repeating sections took until 258ms app.js:39 Updating ALL VALUES app.js:39 Finding list of dirty attributes took until 260ms app.js:39 Querytest took until 261ms app.js:39 Attribute cache compliation took until 263ms app.js:39 Set values (including auto-calcuating variables) took until 336ms app.js:39 Appending to screen took until 424ms app.js:39 Took 435ms (unknown) Some page elements became a bit less important. /js/d20/sheetsandboxworker.js?20170926:67 Triggering for sheet:opened VM23:3533 5th Edition OGL by Roll20 v2.1 (unknown) 5th Edition OGL by Roll20 v2.1 jquery.1.8.2.min.js:2 Mixed Content: The page at '<a href="https://app.roll20.net/editor/#" rel="nofollow">https://app.roll20.net/editor/#</a>' was loaded over HTTPS, but requested an insecure image '<a href="http://imgsrv.roll20.net/?src=i.pinimg.com/736x/01/53/c3/0153c3bc546e757700e379fdb3d2fa76--lady-knight-warrior-girl.jpg" rel="nofollow">http://imgsrv.roll20.net/?src=i.pinimg.com/736x/01/53/c3/0153c3bc546e757700e379fdb3d2fa76--lady-knight-warrior-girl.jpg</a>'. This content should also be served over HTTPS. clean @ jquery.1.8.2.min.js:2 jquery.1.8.2.min.js:2 Mixed Content: The page at '<a href="https://app.roll20.net/editor/#" rel="nofollow">https://app.roll20.net/editor/#</a>' was loaded over HTTPS, but requested an insecure image '<a href="http://imgsrv.roll20.net/?src=raw.githubusercontent.com/Roll20/roll20-character-sheets/master/5th%2520Edition%2520OGL%2520by%2520Roll20/images/srd5_360.png" rel="nofollow">http://imgsrv.roll20.net/?src=raw.githubusercontent.com/Roll20/roll20-character-sheets/master/5th%2520Edition%2520OGL%2520by%2520Roll20/images/srd5_360.png</a>'. This content should also be served over HTTPS. clean @ jquery.1.8.2.min.js:2 jquery.1.8.2.min.js:2 Mixed Content: The page at '<a href="https://app.roll20.net/editor/#" rel="nofollow">https://app.roll20.net/editor/#</a>' was loaded over HTTPS, but requested an insecure image '<a href="http://imgsrv.roll20.net/?src=raw.githubusercontent.com/Roll20/roll20-character-sheets/master/5th%2520Edition%2520OGL%2520by%2520Roll20/images/weight_lbs.png" rel="nofollow">http://imgsrv.roll20.net/?src=raw.githubusercontent.com/Roll20/roll20-character-sheets/master/5th%2520Edition%2520OGL%2520by%2520Roll20/images/weight_lbs.png</a>'. This content should also be served over HTTPS. clean @ jquery.1.8.2.min.js:2 3jquery.1.8.2.min.js:2 Mixed Content: The page at '<a href="https://app.roll20.net/editor/#" rel="nofollow">https://app.roll20.net/editor/#</a>' was loaded over HTTPS, but requested an insecure image '<a href="http://imgsrv.roll20.net/?src=raw.githubusercontent.com/Roll20/roll20-character-sheets/master/5th%2520Edition%2520OGL%2520by%2520Roll20/images/srd5_360.png" rel="nofollow">http://imgsrv.roll20.net/?src=raw.githubusercontent.com/Roll20/roll20-character-sheets/master/5th%2520Edition%2520OGL%2520by%2520Roll20/images/srd5_360.png</a>'. This content should also be served over HTTPS. clean @ jquery.1.8.2.min.js:2 app.js:48 window resize app.js:32 Final set zoom! app.js:32 UPDATE GL SIZE! app.js:32 Final set zoom! app.js:48 window resize app.js:32 Final set zoom! app.js:32 UPDATE GL SIZE! 2app.js:32 Final set zoom! app.js:32 Array(2) app.js:32 UPDATE GL SIZE! app.js:32 Debounced init page! app.js:38 init active page! app.js:41 refershing page listings! app.js:32 Final set zoom! app.js:32 Array(2) app.js:32 UPDATE GL SIZE! app.js:32 Debounced init page! app.js:38 init active page! app.js:41 refershing page listings! app.js:48 window resize app.js:32 Final set zoom! app.js:32 Array(2) 2app.js:32 UPDATE GL SIZE! app.js:32 Final set zoom! app.js:32 Array(2) app.js:32 UPDATE GL SIZE! app.js?1510076098:32 Debounced init page! app.js?1510076098:38 init active page! app.js?1510076098:41 refershing page listings!
The devs are aware of this: <a href="https://app.roll20.net/forum/post/5290321/bug-closing-popped-out-character-sheet-causes-map-area-to-not-scroll" rel="nofollow">https://app.roll20.net/forum/post/5290321/bug-closing-popped-out-character-sheet-causes-map-area-to-not-scroll</a> In the meantime, you might find a workaround by turning off the popped out character sheets and minimizing them by double-clicking the title area of each.