I've seen this issue in Chrome, Firefox and Safari on Mac with version 8.1.5 installed. I didn't check Windows/IE.
Due to a padding-top of 39px, the vertical toolbar tray can't be scrolled to reveal the last item (which is "Help")
You can see this behavior from the attached gif. It's a bit hard to see from the gif, but if you look closely, there's a menu item "Help" at the bottom before the menu expands, then an attempt is made to scroll down to "Help" again, but the scrolling can't go beyond "Reports", meaning there's no way to access the "Help" item from the vertical sidebar when there's a scroll bar shown.

Comments
Comment #2
svenryen commentedThe attached patch fixes the issue.
To reproduce:
1. Make the window narrow enough to display the toolbar tray as a sidebar
2. Expand some menu items in the toolbar tray so that the scrollbar is shown
3. Attempt to scroll to the bottom to see the last menu item in the toolbar tray.
The patch should apply to both 8.1.x-dev and 8.2.x-dev .
Comment #3
svenryen commentedComment #5
svenryen commentedComment #6
svenryen commentedThe patch fixed the issue, but had side effects for the horizontal bar. Here's a patch #6 that's been more thoroughly tested.
Comment #7
svenryen commentedA call to Drupal.displace() was required for the margin-top of the body to update properly after the orientation had been changed manually from vertical to horisontal.
Comment #8
svenryen commented... and as a side-effect of applying the margin-bottom to fix the main issue, the min-height of 100% caused a scrollbar to always be shown for the toolbar tray, even when all items were visible and there was no need for a scrollbar. That's been fixed in the attached patch. Sorry for the long thread of patches and comments, it should be ready for review now.
Comment #9
svenryen commentedComment #10
svenryen commentedComment #11
svenryen commentedFor consistency, replacing two double quotes with single quotes.
Comment #12
fusionx1 commentedI was able to replicate the issue and tested #11, its finally working smoothly. Kudos to Sven
Comment #13
mccrodp commentedI reproduced the error on 8.1.7 following the steps in #2 and this patch fixes the problem. Great job Sven.
Comment #14
mccrodp commentedBefore:


After:
Comment #15
svenryen commentedI checked the git commit history for the file in question in 8.1.x-dev and 8.2.x-dev as of today. The file in question has not been changes since 2015-11-12 23:46:06. I'm changing the version to reflect this is still an issue in 8.1.x-dev.
Comment #16
svenryen commentedComment #17
xjmComment #18
star-szrAttempting to tag for JS subsystem maintainer review, I'm not familiar enough with displace to know if calling it like this is good or not.
Thanks for the work on this @svenryen!
Comment #19
droplet commentedthis is overcomplicated at my first sight.
We could either drop `padding-bottom` to .toolbar-tray-vertical. Or `max-height: calc(100% - height)`
(IMO, with the `max-height` workaround we can leave the style there all time, we only hit the limitation at edge case.)
Drupal.displace is redundant in this case. On each toolbar toggle, we called `Drupal.toolbar.ToolbarVisualView.render` function that has a Drupal.displace calls at the final point.
To committers,
I'd like to have a final review if time is allowed :) I want to make sure there're no conflicts with #2542050: Toolbar implementation creates super annoying re-rendering. for our future work.
Thanks All!
Comment #20
star-szr@droplet thanks for the lightning quick review! Yes you can definitely have final review, this is a bugfix so it can go in past beta freeze I think.
Comment #23
nod_It's been reviewed.
Comment #31
larowlanThere's instructions in #19 on the next step here
I'm adding the 'Needs reroll' tag, but it actually needs a whole new approach per #19
Comment #33
ajaypratapsingh commentedjust rerolled patch #11
Comment #34
ranjith_kumar_k_u commentedComment #35
smustgrave commentedLooks like patch #34 is having some issues moving back to NW
Comment #36
ritesh k commentedComment #37
ritesh k commentedComment #38
sandeepsingh199 commentedre-rolling patch #11 for 9.4.x
Comment #39
saman malik commentedIs working fine for me for version -9.4.x-dev
Comment #40
lauriiiCI is failing for all patches here. The patch should also get a code review before moving to RTBC.
Comment #41
narendra.rajwar27Adding patch by fixing custom command failure form #38.
Comment #42
narendra.rajwar27Comment #43
narendra.rajwar27Comment #44
vinmayiswamy commentedVerified and tested patch #43 on Drupal 9.4.x. Patch applied successfully.
Test Steps:
1. Fresh install Drupal 9.4.x.
2. Apply the given patch.
3. Make the window narrow enough to display the toolbar tray as a sidebar.
4. Expand some menu items in the toolbar tray so that the scrollbar is shown.
5. Attempt to scroll to the bottom to see the last menu item in the toolbar tray.
Test Result:
I'm not able to scroll vertical toolbar tray to reveal the last item after reproducing the error. Adding screenshot for reference.
Thanks @narendra.rajwar27 for the patch.
Comment #45
sahil.goyal commentedChecked issue on chrome, I have reproduced the error on my local with Drupal 9.4.x. And applied the patch to the Drupal Local setup by i'm even not able to made to scroll down to "Help" in the vertical tab. Hence move back this issue to needs work. Adding the screenshot after applying the patch. Thanks
Comment #46
ameymudras commented@sahil I tested it on Drupal 9.4 and it seems to work without any issues. It could possibly be an issue with your cache
- The issue summary is clear
- Steps to reproduce are provided in the comments
- The patch applies cleanly and fixes the issue
- Tested on multiple browsers
Marking this as RTBC unless any thing else is pending
Comment #47
larowlanCI is still failing
Comment #48
sahil.goyal commentedUpdating the patch as per the comment #46 i have tested on on a different setup it working as expected as seen that the latest patch is producing CI issue, so as addressing that updating the patch along with the interadiff file.
Comment #49
djsagar commentedFixed CCF for #48.
Please review.
Comment #50
richardrobinson commented2762963-49.patch in #49 did not work for me. I didn't use the interdiff txtfile.
The only way I can see the "help" link at the very bottom is by increasing the height of the window. I cannot use the vertical scrollbar to reach it.
Comment #51
gaurav-mathur commentedPatch #49 not working as expected on drupal 9.4.x-dev.
After applying patch not able to scroll down to "Help" menu in vertical tab so moving issue to needs work.
Comment #53
ameymudras commentedPatch #49 didn't apply for 9.5.x, providing a fix for the same. Couldn't generate a interdiff
Comment #54
safoora_mir commentedComment #55
safoora_mir commentedApplied the patch #49 on drupal 9.4.x and it didn't work as expected.
Comment #56
ameymudras commented@safoora_mir why do we need to change the version to 9.4? Ideally, you should be testing the latest available patch in the issue. Also if its a failure could you please provide details of the failure so that it is easier for anyone else to pick up.
With #53 came across an issue with the toolbar margin, fixed it in the patch below
Comment #57
safoora_mir commented@ameymudras i think there was some confusion from my end. I apologise for changing the status of the issue. Talking about the failure of patch #49 on Drupal 9.4x, i faced the same issue with the toolbar margin and the original issue persisted even after applying the patch.
Comment #58
deepalij commentedAble to reproduce the issue.
Tried to apply patch #56 on Drupal 9.5.x-dev but the patch failed to apply
See the below error
Comment #59
Shubham Sharma 77 commentedApplied patch #56 applied successfully in drupal-9.5.x-dev
Thanks for the patch
For ref sharing screenshots...
Comment #60
svenryen commented@Shubham Sharma 77, thanks for reviewing the patch.
We should set status to Reviewed and tested by the community if you've properly reviewed the patch, so that this can go into core. Can you please update the status?
I looked at the code and it seems ok, standard wise.
Comment #61
skt-001 commentedpatch #56 worked successfully.
Comment #62
bnjmnmRe #56
Drupal no longer uses.es6.js files. If this qualifies for a 9.x backport that could happen there. For now, this should target the current dev branch, 10.1.x.
Why is TermForm being changed?
And we're good on Screenshots. Please no more screenshots.
Comment #63
_utsavsharma commentedAddressed 1 from #62 as i updated the js files for 10.1.x.
Could not address the second point.
Comment #64
kunals131 commented@_utsavsharma Applied patch #63 for 10.1.x
before-patch-63.gif
after-patch-63.gif
Comment #67
quietone commentedThe Toolbar Module was approved for removal in #3476882: [Policy] Move Toolbar module to contrib.
This is Postponed. The status is set according to two policies. The Remove a core extension and move it to a contributed project and the Extensions approved for removal policies.
The deprecation work is in #3484850: [meta] Tasks to deprecate Toolbar module and the removal work in #3488828: [Meta] Tasks to remove Toolbar module.
Toolbar will be moved to a contributed project before Drupal 12.0.0 is released.