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
This post has been closed. You can still view previous posts, but you can't post any new replies.

Can't pan the player tab by dragging and dropping - have to pick up the tab and use the directional arrow keys on my keyboard.

A detailed description of the issue. The more information you can give us, the better able we'll be to fix the issue promptly! As the title says, I can't pan through my maps using a drag and drop or scrolling method. I don't know when the issue arose but it's getting really annoying. I've tried all the troubleshooting things and they don't fix it.&nbsp; Step by step instructions on how to reproduce the issue. Log in, enter my current game as DM, try to move players to a different map, am unable to scroll past the 8 or so maps that I can currently see when I open the "page toolbar" unless I use my keyboard which is clunky and slow. Your computer's settings (A good place to find this info if you don't know it is&nbsp; Support Details ) Web Browser - Chrome Browser Version - 69.0.3497.1 Operating System - windows 10 If Javascript is enabled - Enabled Your anti-virus software - Windows Defender List of any browser add-ons or extensions enabled - I disabled all of them before I did any testing, but - AdGuard AdBlocker, AlienTube for YouTube™, Ban Checker for Steam, Block Site - Website Blocker for Chrome™, Enhanced Steam, Flashcontrol, Ghostery – Privacy Ad Blocker, Google Docs Offline, Imagus, Magic Actions for YouTube™, Reddit Enhancement Suite, Reddit Notifier, Video Blocker, Docs, Sheets, Slides. A Console Log from the moment you logged into the page through when you encountered the issue. JQMIGRATE: Logging is active app.js:343 70 app.js:344 TOUCH SUPPORTED: false app.js:344 USING WEBGL ACCELERATION... app.js:344 WEBGL STARTUP SUCCESS app.js:346 Custom Sheet Translation app.js:338 select app.js:338 Switch mode to select app.js:357 Initializing new dice engine with randomness... app.js:357 Using random entropy app.js:360 Compiling sheet... app.js:360 Found rolltemplate: simple app.js:360 Found rolltemplate: atk app.js:360 Found rolltemplate: dmg app.js:360 Found rolltemplate: atkdmg app.js:360 Found rolltemplate: desc app.js:360 Found rolltemplate: spell app.js:360 Found rolltemplate: traits app.js:360 Found rolltemplate: npc app.js:360 Found rolltemplate: npcatk app.js:360 Found rolltemplate: npcdmg app.js:360 Found rolltemplate: npcaction app.js:360 Found rolltemplate: mancerroll app.js:360 Found Charactermancer template: l1-welcome app.js:360 Found Charactermancer template: l1-race app.js:360 Found Charactermancer template: l1-class app.js:360 Found Charactermancer template: l1-abilities app.js:360 Found Charactermancer template: l1-background app.js:360 Found Charactermancer template: l1-equipment app.js:360 Found Charactermancer template: l1-spells app.js:360 Found Charactermancer template: l1-feat app.js:360 Found Charactermancer template: l1-summary app.js:360 Found Charactermancer template: final 2app.js:360 Found webworker script app.js:360 Finding sheet rolls... app.js:360 Including compendium template css. app.js:362 window resize app.js:345 Final set zoom! app.js:344 UPDATE GL SIZE! app.js:345 Final set zoom! tutorial_tips.js:7 tuts loaded 9Mixed Content: The page at '&lt;URL&gt;' was loaded over HTTPS, but requested an insecure image '&lt;URL&gt;'. This content should also be served over HTTPS. app.js:355 MESSAGE RECEIVED app.js:355 MessageEvent app.js:355 MESSAGE RECEIVED app.js:355 MessageEvent app.js:355 MESSAGE RECEIVED app.js:355 MessageEvent app.js:355 MESSAGE RECEIVED app.js:355 MessageEvent app.js:355 MESSAGE RECEIVED app.js:355 MessageEvent sheetsandboxworker.js?1538398218320:532 Starting up WEB WORKER sheetsandboxworker.js?1538398218320:532 Starting up WEB WORKER sheetsandboxworker.js?1538398218323:532 Starting up WEB WORKER sheetsandboxworker.js?1538398218323:532 Starting up WEB WORKER app.js:351 Final page load. app.js:363 Refresh jukebox List! app.js:351 Auth'ed. app.js:351 Go post auth! app.js:363 Refresh jukebox List! app.js:351 initial setup app.js:363 Refresh jukebox List! app.js:349 T.i app.js:355 refershing page listings! app.js:351 Got players value... app.js:351 joining game... app.js:349 Player -KU6hb0Ba_e3ytQEXrmf is offline... app.js:349 Global Volume: 49=0.24009999999999998 app.js:349 Player -KUs0TwoSBENXTifg17G is offline... app.js:349 Player -KUs0YJhdVt1AZCnPyOV is offline... app.js:349 Player -KUs0l4YLIrDIXlYNLuN is offline... app.js:349 Player -Knndt89OGJHiwiRHCNT is offline... app.js:349 Player -Kyburkn3Bd3lLu6OAdi is offline... app.js:351 Deferred finish joining... app.js:343 Firebase Online 59app.js:348 Full load page! app.js:351 We have 64 pages app.js:351 Scan for new plays! app.js:363 Refresh jukebox List! app.js:351 handle page changes app.js:351 false app.js:347 Do refresh link cache! app.js:355 refershing page listings! app.js:359 Refresh Journal List! app.js:359 Search took 61ms app.js:351 init active page! app.js:348 activate page! app.js:348 FULLY ACTIVATE VIEWS FOR PAGE. app.js:348 Reorder by ZORDER app.js:348 Graphics: 0 app.js:348 Paths: 0 app.js:355 refershing page listings! app.js:348 Reorder by ZORDER app.js:347 Swapping <a href="https://s3.amazonaws.com/files.d20.io/images/24196209/ADIz0sXuqHAvZcLzHEjUOA/thumb.jpg?14765313765" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/24196209/ADIz0sXuqHAvZcLzHEjUOA/thumb.jpg?14765313765</a> to <a href="https://s3.amazonaws.com/files.d20.io/images/24196209/ADIz0sXuqHAvZcLzHEjUOA/original.jpg?14765313765" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/24196209/ADIz0sXuqHAvZcLzHEjUOA/original.jpg?14765313765</a> 2app.js:342 Error loading image, probably due to cors. Trying once without CORS for&nbsp; app.js:347 setting src app.js:348 Reorder by ZORDER app.js:362 Body drop! app.js:355 refershing page listings! app.js:362 window resize app.js:345 Final set zoom! app.js:344 UPDATE GL SIZE! app.js:345 Final set zoom!
1538400151
Ziechael
Forum Champion
Sheet Author
API Scripter
Thanks for the detailed report Tom, I'll flag for a dev to drop by... I know I've had inconsistent results in this area myself!
Ziechael said: Thanks for the detailed report Tom, I'll flag for a dev to drop by... I know I've had inconsistent results in this area myself! Thanks :) Hope we figure something out :D
Hi Tom, sorry for the delay! I just wanted to confirm, does this happen in a new game as well as well as in firefox?
Drespar said: Hi Tom, sorry for the delay! I just wanted to confirm, does this happen in a new game as well as well as in firefox? Haven't tested that, lemme get back to you in a second!
Drespar said: Hi Tom, sorry for the delay! I just wanted to confirm, does this happen in a new game as well as well as in firefox? So I tested both. Firefox is even worse than chrome, can't even pan the slider with my keyboard and I just freshly installed firefox, so I don't see what the issue could be there. The console log for firefox looks like this console.trace() v2.js :31:176 n <a href="https://app.roll20.net/assets/v2.js" rel="nofollow">https://app.roll20.net/assets/v2.js</a> :31:176 setup <a href="https://app.roll20.net/assets/v2.js" rel="nofollow">https://app.roll20.net/assets/v2.js</a> :31:5075 add <a href="https://app.roll20.net/assets/v2.js" rel="nofollow">https://app.roll20.net/assets/v2.js</a> :25:16218 E/&lt; <a href="https://app.roll20.net/assets/v2.js" rel="nofollow">https://app.roll20.net/assets/v2.js</a> :24:4282 each <a href="https://app.roll20.net/assets/v2.js" rel="nofollow">https://app.roll20.net/assets/v2.js</a> :24:14946 each <a href="https://app.roll20.net/assets/v2.js" rel="nofollow">https://app.roll20.net/assets/v2.js</a> :24:13603 E <a href="https://app.roll20.net/assets/v2.js" rel="nofollow">https://app.roll20.net/assets/v2.js</a> :24:4264 on <a href="https://app.roll20.net/assets/v2.js" rel="nofollow">https://app.roll20.net/assets/v2.js</a> :25:21294 &lt;anonym&gt; <a href="https://app.roll20.net/campaigns/details/1737061/gioran-planes" rel="nofollow">https://app.roll20.net/campaigns/details/1737061/gioran-planes</a> :1403:1 unreachable code after return statement [Læs mere] gioran-planes :1447 JQMIGRATE: jQuery.fn.bind() is deprecated v2.js :31:127 console.trace() v2.js :31:176 n <a href="https://app.roll20.net/assets/v2.js" rel="nofollow">https://app.roll20.net/assets/v2.js</a> :31:176 bind <a href="https://app.roll20.net/assets/v2.js" rel="nofollow">https://app.roll20.net/assets/v2.js</a> :31:5151 n&lt;/n.prototype.choice_build <a href="https://app.roll20.net/assets/v2.js" rel="nofollow">https://app.roll20.net/assets/v2.js</a> :93:20845 e&lt;/t.prototype.results_option_build <a href="https://app.roll20.net/assets/v2.js" rel="nofollow">https://app.roll20.net/assets/v2.js</a> :93:4783 n&lt;/n.prototype.results_build <a href="https://app.roll20.net/assets/v2.js" rel="nofollow">https://app.roll20.net/assets/v2.js</a> :93:17749 n&lt;/n.prototype.set_up_html <a href="https://app.roll20.net/assets/v2.js" rel="nofollow">https://app.roll20.net/assets/v2.js</a> :93:12372 t <a href="https://app.roll20.net/assets/v2.js" rel="nofollow">https://app.roll20.net/assets/v2.js</a> :93:1879 n <a href="https://app.roll20.net/assets/v2.js" rel="nofollow">https://app.roll20.net/assets/v2.js</a> :93:10492 chosen/&lt; <a href="https://app.roll20.net/assets/v2.js" rel="nofollow">https://app.roll20.net/assets/v2.js</a> :93:10434 each <a href="https://app.roll20.net/assets/v2.js" rel="nofollow">https://app.roll20.net/assets/v2.js</a> :24:14946 each <a href="https://app.roll20.net/assets/v2.js" rel="nofollow">https://app.roll20.net/assets/v2.js</a> :24:13603 chosen <a href="https://app.roll20.net/assets/v2.js" rel="nofollow">https://app.roll20.net/assets/v2.js</a> :93:10302 &lt;anonym&gt; <a href="https://app.roll20.net/v2/js/browse.js" rel="nofollow">https://app.roll20.net/v2/js/browse.js</a> :3:2 h <a href="https://app.roll20.net/assets/v2.js" rel="nofollow">https://app.roll20.net/assets/v2.js</a> :25:8259 r/&lt;/d&lt; <a href="https://app.roll20.net/assets/v2.js" rel="nofollow">https://app.roll20.net/assets/v2.js</a> :25:8564 I also tested making a fresh game in chrome, and that didn't work either.
Gotcha, thanks for that info! On that note, I did manage to reproduce this on my end as well! I have submitted a ticket to the devs so we can get the behavior more consistent with dragging pages.
Drespar said: Gotcha, thanks for that info! On that note, I did manage to reproduce this on my end as well! I have submitted a ticket to the devs so we can get the behavior more consistent with dragging pages. Okay, that sounds promising :D Thanks for the help Drespar, hope something comes of it :)
Drespar said: Gotcha, thanks for that info! On that note, I did manage to reproduce this on my end as well! I have submitted a ticket to the devs so we can get the behavior more consistent with dragging pages. any updates?
No updates on this issue yet, sorry!
1540474824
keithcurtis
Forum Champion
Marketplace Creator
API Scripter
Hi Tom J, As a workaround in the meantime, you can use the Stylus (not Stylish) plug in for your browser. If you are not familiar with the extension, it basically re-interprets some of the CSS (style commands) for the website you are viewing. I use one of these to add multiple rows of pages to my page menu. It's a little tricky to re-order them, but it does put more available on-screen. Install the extension and make a rule called, say, "Multi Row Page Menu", then insert this code: #page-toolbar { &nbsp; &nbsp; height: 270px; } #page-toolbar .container { &nbsp; &nbsp; height: 270px; &nbsp; &nbsp; white-space: normal } #page-toolbar .height { &nbsp; &nbsp; height: 270px!important } This will cause two rows to show on the page menu, reducing the need for scrolling. For every multiple of 130 you use to replace the "270" in that code, you will add another row.
keithcurtis said: Hi Tom J, As a workaround in the meantime, you can use the Stylus (not Stylish) plug in for your browser. If you are not familiar with the extension, it basically re-interprets some of the CSS (style commands) for the website you are viewing. I use one of these to add multiple rows of pages to my page menu. It's a little tricky to re-order them, but it does put more available on-screen. Install the extension and make a rule called, say, "Multi Row Page Menu", then insert this code: #page-toolbar { &nbsp; &nbsp; height: 270px; } #page-toolbar .container { &nbsp; &nbsp; height: 270px; &nbsp; &nbsp; white-space: normal } #page-toolbar .height { &nbsp; &nbsp; height: 270px!important } This will cause two rows to show on the page menu, reducing the need for scrolling. For every multiple of 130 you use to replace the "270" in that code, you will add another row. Damn dude, you're a freaking legend :D This doesn't just fix my problem, it made it 10 times better! Now I can actually use my scrollwheel to go up and down, speeding the drag and drop process! Thank you! You rule! :D
Drespar said: No updates on this issue yet, sorry! Seems like Keithcurtis had a really good workaround and fix :D
1540905561
keithcurtis
Forum Champion
Marketplace Creator
API Scripter
Glad the workaround works for you, Tom! I'm going to put my mod hat on behind the scenes and close and mark this Resolved, then.&nbsp;