The "Game Log" popup modal (the sidebar that shows dice rolls) doesn't scroll to bottom by default anymore. Instead, this modal's scroll state resets every time you close and reopen the modal.
Button location for "Game Log": on the Character Sheet (next to the Campaign name). It has a little cube icon.
Expectation (old behavior):
When you initially open the modal, the user can scroll. When you dismiss and reopen the modal, it should preserve scroll state.
Use case
When the modal is scrolled to the bottom, then the user dimisses the modal, then new dice rolls happen, if the user reopens the modal: the modal is still scrolled to the bottom to reveal the most recent dice rolls.
Bug (current behavior):
When you initially open the modal, it's at the top. If you scroll down, then dismiss and reopen the modal, it's always scrolled to the very top (seems like scroll state is re-initialized each time the modal reopens now).
Notes:
This is all without refreshing the page -- just click outside the modal to dismiss it, then click the button again and it will appear again with the scrollbar all the way at the top.
Beyond just being bad UX, I'm pretty sure this used to work perfectly, but broke a few months ago. Because my friends and I were joking on a Saturday "Whoops, some intern must have pushed broken code on Friday. Wizards of the Coast will probably patch this by next session." And it's been broken ever since.
@devs Low effort to patch, extremely high impact to UX.
To users (as a temporary workaround) reverse dice log:
If you have a browser extension which allows you to add custom CSS rules to websites, you can add this CSS rule to reverse the sort order of the "Game Log" dice roll items.
This rule will show most recent rolls at the very top (instead of at the very bottom).
Because the bug makes it always scroll to the top, you'll always see the most recent rolls.
Note: you can't add it via Chrome's DevTools alone, because the element is destroyed and recreated when you close and reopen the modal.
UPDATE To users (as a temporary workaround) scroll dice log to bottom upon open: see Jay_Lane's post below for CSS that will scroll to the bottom each time you open the dice rolls
Here's an option that will set it back to it's original behavior. Scrolling up will load older rolls and the button to change default rolls will never scroll off screen.
When they changed the gamelog that div lost what was setting it's height a few months back - reported it to ddb at the time and was told it was passed onto the team. It's one of those fixes that just got lost in the cracks.
Problem:
The "Game Log" popup modal (the sidebar that shows dice rolls) doesn't scroll to bottom by default anymore.
Instead, this modal's scroll state resets every time you close and reopen the modal.
Button location for "Game Log": on the Character Sheet (next to the Campaign name). It has a little cube icon.
Expectation (old behavior):
When you initially open the modal, the user can scroll.
When you dismiss and reopen the modal, it should preserve scroll state.
Use case
Bug (current behavior):
When you initially open the modal, it's at the top.
If you scroll down, then dismiss and reopen the modal, it's always scrolled to the very top (seems like scroll state is re-initialized each time the modal reopens now).
Notes:
@devs
Low effort to patch, extremely high impact to UX.
To users (as a temporary workaround) reverse dice log:
If you have a browser extension which allows you to add custom CSS rules to websites,
you can add this CSS rule to reverse the sort order of the "Game Log" dice roll items.
This rule will show most recent rolls at the very top (instead of at the very bottom).
.tss-jmihpx-GameLogEntries { flex-direction: column; }Because the bug makes it always scroll to the top,
you'll always see the most recent rolls.
Note: you can't add it via Chrome's DevTools alone, because the element is destroyed and recreated when you close and reopen the modal.
UPDATE
To users (as a temporary workaround) scroll dice log to bottom upon open:
see Jay_Lane's post below for CSS that will scroll to the bottom each time you open the dice rolls
Here's an option that will set it back to it's original behavior. Scrolling up will load older rolls and the button to change default rolls will never scroll off screen.
.ct-sidebar__inner [class*='styles_content']>div:first-of-type{ height: 100%; }When they changed the gamelog that div lost what was setting it's height a few months back - reported it to ddb at the time and was told it was passed onto the team. It's one of those fixes that just got lost in the cracks.
How to get your dice to look like the ones in my profile picture and a full site dark mode.
Tutorial thread by Hyrkali
I'm also affected by this. I first noticed it a few months ago, but not sure exactly when. https://www.dndbeyond.com/forums/d-d-beyond-general/bugs-support/196162-game-log-starts-at-the-top?comment=1 indicates it started in April 2024, which I think is about right.
@gamepad_coder, excellent description of the issue.
@Jay_Lane, thanks for the CSS fix.
For anyone else trying to implement this fix, the Chrome plugin "Custom CSS by Denis" works well.
https://chromewebstore.google.com/detail/custom-css-by-denis/cemphncflepgmgfhcdegkbkekifodacd?hl=en