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.

CommentFileSizeAuthor
#64 after-patch-63.gif824.91 KBkunals131
#64 before-patch-63.gif778.57 KBkunals131
#63 2762963-63.patch1.99 KB_utsavsharma
#63 interdiff_62-63.txt1.99 KB_utsavsharma
#61 afterpatch.png961.37 KBskt-001
#61 beforepatch.png1.13 MBskt-001
#59 Before-patch.png178.55 KBShubham Sharma 77
#59 After-patch.png174.31 KBShubham Sharma 77
#59 Successful-apply-patch.png87.04 KBShubham Sharma 77
#56 interdiff_53_56.txt1.24 KBameymudras
#56 2762963-56.patch3.2 KBameymudras
#53 2762963-53.patch3.28 KBameymudras
#50 Screen Shot 2022-12-17 at 10.05.12 AM.png322.61 KBrichardrobinson
#49 2762963-49.patch3.28 KBdjsagar
#49 interdiff_48-49.txt736 bytesdjsagar
#48 interdiff_43-48.txt697 bytessahil.goyal
#48 2762963-48.patch3.25 KBsahil.goyal
#46 Toolbar vertical scroll.png189.05 KBameymudras
#45 2762963-43-after-patch.png26.43 KBsahil.goyal
#44 2762963-43-after-patch.png263.61 KBvinmayiswamy
#43 interdiff_42-43.txt1.28 KBnarendra.rajwar27
#43 2762963-43.patch3.28 KBnarendra.rajwar27
#42 interdiff_41-42.txt2.07 KBnarendra.rajwar27
#42 2762963-42.patch3.27 KBnarendra.rajwar27
#41 interdiff_38-41.txt3.22 KBnarendra.rajwar27
#41 2762963-41.patch3.29 KBnarendra.rajwar27
#39 Screenshot from 2022-10-12 13-38-27.png76.34 KBsaman malik
#38 drupal-toolbar-display-last-menu-item-2762963-38.patch2.17 KBsandeepsingh199
#34 2762963-34.patch2.28 KBranjith_kumar_k_u
#33 2762963-33.patch1.2 KBajaypratapsingh
#14 after-patch.png75.29 KBmccrodp
#14 before-patch.png64.18 KBmccrodp
#11 drupal-toolbar-display-last-menu-item-2762963-11-8.1.x-dev.patch1.32 KBsvenryen
#8 drupal-toolbar-display-last-menu-item-2762963-8-8.1.x-dev.patch1.32 KBsvenryen
#7 drupal-toolbar-display-last-menu-item-2762963-7-8.1.x-dev.patch1.25 KBsvenryen
#6 drupal-toolbar-display-last-menu-item-2762963-6-8.1.x-dev.patch1.22 KBsvenryen
#3 Google ChromeScreenSnapz016.gif389.07 KBsvenryen
#2 drupal-toolbar-display-last-menu-item-2762963-1-8.1.x-dev.patch1004 bytessvenryen
Google ChromeScreenSnapz016.mov374.47 KBsvenryen

Comments

svenryen created an issue. See original summary.

svenryen’s picture

Status: Active » Needs review
StatusFileSize
new1004 bytes

The 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 .

svenryen’s picture

Issue summary: View changes
StatusFileSize
new389.07 KB

Status: Needs review » Needs work
svenryen’s picture

svenryen’s picture

Status: Needs work » Needs review
StatusFileSize
new1.22 KB

The patch fixed the issue, but had side effects for the horizontal bar. Here's a patch #6 that's been more thoroughly tested.

svenryen’s picture

StatusFileSize
new1.25 KB

A 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.

svenryen’s picture

... 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.

svenryen’s picture

Issue summary: View changes
svenryen’s picture

Issue summary: View changes
svenryen’s picture

For consistency, replacing two double quotes with single quotes.

fusionx1’s picture

I was able to replicate the issue and tested #11, its finally working smoothly. Kudos to Sven

mccrodp’s picture

Status: Needs review » Reviewed & tested by the community

I reproduced the error on 8.1.7 following the steps in #2 and this patch fixes the problem. Great job Sven.

mccrodp’s picture

Issue summary: View changes
StatusFileSize
new64.18 KB
new75.29 KB

Before:

After:

svenryen’s picture

Title: Can't scroll vertical toolbar tray to reveal last item (help) » Can't scroll vertical toolbar tray to reveal last item, applies to both mobile and desktop breakpoints (help)
Version: 8.1.5 » 8.1.x-dev

I 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.

svenryen’s picture

Title: Can't scroll vertical toolbar tray to reveal last item, applies to both mobile and desktop breakpoints (help) » Can't scroll vertical toolbar tray to reveal last item, applies to both mobile and desktop breakpoints
xjm’s picture

Assigned: Unassigned » star-szr
star-szr’s picture

Assigned: star-szr » Unassigned
Issue tags: +JavaScript, +Needs subsystem maintainer review

Attempting 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!

droplet’s picture

Status: Reviewed & tested by the community » Needs work

this 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!

star-szr’s picture

@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.

Version: 8.1.x-dev » 8.2.x-dev

Drupal 8.1.9 was released on September 7 and is the final bugfix release for the Drupal 8.1.x series. Drupal 8.1.x will not receive any further development aside from security fixes. Drupal 8.2.0-rc1 is now available and sites should prepare to upgrade to 8.2.0.

Bug reports should be targeted against the 8.2.x-dev branch from now on, and new development or disruptive changes should be targeted against the 8.3.x-dev branch. For more information see the Drupal 8 minor version schedule and the Allowed changes during the Drupal 8 release cycle.

Version: 8.2.x-dev » 8.3.x-dev

Drupal 8.2.6 was released on February 1, 2017 and is the final full bugfix release for the Drupal 8.2.x series. Drupal 8.2.x will not receive any further development aside from critical and security fixes. Sites should prepare to update to 8.3.0 on April 5, 2017. (Drupal 8.3.0-alpha1 is available for testing.)

Bug reports should be targeted against the 8.3.x-dev branch from now on, and new development or disruptive changes should be targeted against the 8.4.x-dev branch. For more information see the Drupal 8 minor version schedule and the Allowed changes during the Drupal 8 release cycle.

nod_’s picture

It's been reviewed.

Version: 8.3.x-dev » 8.4.x-dev

Drupal 8.3.6 was released on August 2, 2017 and is the final full bugfix release for the Drupal 8.3.x series. Drupal 8.3.x will not receive any further development aside from critical and security fixes. Sites should prepare to update to 8.4.0 on October 4, 2017. (Drupal 8.4.0-alpha1 is available for testing.)

Bug reports should be targeted against the 8.4.x-dev branch from now on, and new development or disruptive changes should be targeted against the 8.5.x-dev branch. For more information see the Drupal 8 minor version schedule and the Allowed changes during the Drupal 8 release cycle.

Version: 8.4.x-dev » 8.5.x-dev

Drupal 8.4.4 was released on January 3, 2018 and is the final full bugfix release for the Drupal 8.4.x series. Drupal 8.4.x will not receive any further development aside from critical and security fixes. Sites should prepare to update to 8.5.0 on March 7, 2018. (Drupal 8.5.0-alpha1 is available for testing.)

Bug reports should be targeted against the 8.5.x-dev branch from now on, and new development or disruptive changes should be targeted against the 8.6.x-dev branch. For more information see the Drupal 8 minor version schedule and the Allowed changes during the Drupal 8 release cycle.

Version: 8.5.x-dev » 8.6.x-dev

Drupal 8.5.6 was released on August 1, 2018 and is the final bugfix release for the Drupal 8.5.x series. Drupal 8.5.x will not receive any further development aside from security fixes. Sites should prepare to update to 8.6.0 on September 5, 2018. (Drupal 8.6.0-rc1 is available for testing.)

Bug reports should be targeted against the 8.6.x-dev branch from now on, and new development or disruptive changes should be targeted against the 8.7.x-dev branch. For more information see the Drupal 8 minor version schedule and the Allowed changes during the Drupal 8 release cycle.

Version: 8.6.x-dev » 8.8.x-dev

Drupal 8.6.x will not receive any further development aside from security fixes. Bug reports should be targeted against the 8.8.x-dev branch from now on, and new development or disruptive changes should be targeted against the 8.9.x-dev branch. For more information see the Drupal 8 and 9 minor version schedule and the Allowed changes during the Drupal 8 and 9 release cycles.

Version: 8.8.x-dev » 8.9.x-dev

Drupal 8.8.7 was released on June 3, 2020 and is the final full bugfix release for the Drupal 8.8.x series. Drupal 8.8.x will not receive any further development aside from security fixes. Sites should prepare to update to Drupal 8.9.0 or Drupal 9.0.0 for ongoing support.

Bug reports should be targeted against the 8.9.x-dev branch from now on, and new development or disruptive changes should be targeted against the 9.1.x-dev branch. For more information see the Drupal 8 and 9 minor version schedule and the Allowed changes during the Drupal 8 and 9 release cycles.

Version: 8.9.x-dev » 9.2.x-dev

Drupal 8 is end-of-life as of November 17, 2021. There will not be further changes made to Drupal 8. Bugfixes are now made to the 9.3.x and higher branches only. For more information see the Drupal core minor version schedule and the Allowed changes during the Drupal core release cycle.

Version: 9.2.x-dev » 9.3.x-dev
larowlan’s picture

There'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

Version: 9.3.x-dev » 9.4.x-dev

Drupal 9.3.15 was released on June 1st, 2022 and is the final full bugfix release for the Drupal 9.3.x series. Drupal 9.3.x will not receive any further development aside from security fixes. Drupal 9 bug reports should be targeted for the 9.4.x-dev branch from now on, and new development or disruptive changes should be targeted for the 9.5.x-dev branch. For more information see the Drupal core minor version schedule and the Allowed changes during the Drupal core release cycle.

ajaypratapsingh’s picture

Status: Needs work » Needs review
StatusFileSize
new1.2 KB

just rerolled patch #11

ranjith_kumar_k_u’s picture

StatusFileSize
new2.28 KB
smustgrave’s picture

Status: Needs review » Needs work

Looks like patch #34 is having some issues moving back to NW

ritesh k’s picture

Assigned: Unassigned » ritesh k
ritesh k’s picture

Assigned: ritesh k » Unassigned
sandeepsingh199’s picture

Status: Needs work » Needs review
Issue tags: -Needs reroll
StatusFileSize
new2.17 KB

re-rolling patch #11 for 9.4.x

saman malik’s picture

Status: Needs review » Reviewed & tested by the community
StatusFileSize
new76.34 KB

Is working fine for me for version -9.4.x-dev

lauriii’s picture

Status: Reviewed & tested by the community » Needs work

CI is failing for all patches here. The patch should also get a code review before moving to RTBC.

narendra.rajwar27’s picture

Status: Needs work » Needs review
StatusFileSize
new3.29 KB
new3.22 KB

Adding patch by fixing custom command failure form #38.

narendra.rajwar27’s picture

StatusFileSize
new3.27 KB
new2.07 KB
narendra.rajwar27’s picture

StatusFileSize
new3.28 KB
new1.28 KB
vinmayiswamy’s picture

StatusFileSize
new263.61 KB

Verified 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.

sahil.goyal’s picture

Status: Needs review » Needs work
StatusFileSize
new26.43 KB

Checked 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

ameymudras’s picture

Status: Needs work » Reviewed & tested by the community
StatusFileSize
new189.05 KB

@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

larowlan’s picture

Status: Reviewed & tested by the community » Needs work

CI is still failing

sahil.goyal’s picture

StatusFileSize
new3.25 KB
new697 bytes

Updating 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.

djsagar’s picture

Status: Needs work » Needs review
StatusFileSize
new736 bytes
new3.28 KB

Fixed CCF for #48.
Please review.

richardrobinson’s picture

StatusFileSize
new322.61 KB

2762963-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.

gaurav-mathur’s picture

Status: Needs review » Needs work

Patch #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.

Version: 9.4.x-dev » 9.5.x-dev

Drupal 9.4.9 was released on December 7, 2022 and is the final full bugfix release for the Drupal 9.4.x series. Drupal 9.4.x will not receive any further development aside from security fixes. Drupal 9 bug reports should be targeted for the 9.5.x-dev branch from now on, and new development or disruptive changes should be targeted for the 10.1.x-dev branch. For more information see the Drupal core minor version schedule and the Allowed changes during the Drupal core release cycle.

ameymudras’s picture

Status: Needs work » Needs review
StatusFileSize
new3.28 KB

Patch #49 didn't apply for 9.5.x, providing a fix for the same. Couldn't generate a interdiff

safoora_mir’s picture

Assigned: Unassigned » safoora_mir
safoora_mir’s picture

Version: 9.5.x-dev » 9.4.x-dev
Assigned: safoora_mir » Unassigned
Status: Needs review » Needs work

Applied the patch #49 on drupal 9.4.x and it didn't work as expected.

ameymudras’s picture

Version: 9.4.x-dev » 9.5.x-dev
Status: Needs work » Needs review
StatusFileSize
new3.2 KB
new1.24 KB

@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

safoora_mir’s picture

@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.

deepalij’s picture

Able 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

Checking patch core/modules/taxonomy/src/TermForm.php...
Hunk #1 succeeded at 206 (offset -5 lines).
Checking patch core/modules/toolbar/js/views/ToolbarVisualView.es6.js...
Checking patch core/modules/toolbar/js/views/ToolbarVisualView.js...
error: while searching for:
    },
    adjustPlacement: function adjustPlacement() {
      var $trays = this.$el.find('.toolbar-tray');
      if (!this.model.get('isOriented')) {
        $trays.removeClass('toolbar-tray-horizontal').addClass('toolbar-tray-vertical');
      }
    },
    loadSubtrees: function loadSubtrees() {

error: patch failed: core/modules/toolbar/js/views/ToolbarVisualView.js:135
error: core/modules/toolbar/js/views/ToolbarVisualView.js: patch does not apply
Shubham Sharma 77’s picture

StatusFileSize
new87.04 KB
new174.31 KB
new178.55 KB

Applied patch #56 applied successfully in drupal-9.5.x-dev
Thanks for the patch
For ref sharing screenshots...

svenryen’s picture

@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.

skt-001’s picture

Status: Needs review » Reviewed & tested by the community
StatusFileSize
new1.13 MB
new961.37 KB

patch #56 worked successfully.

bnjmnm’s picture

Status: Reviewed & tested by the community » Needs work

Re #56

index 87c8fc5b3f..81aced9879 100644
--- a/core/modules/toolbar/js/views/ToolbarVisualView.es6.js
+++ b/core/modules/toolbar/js/views/ToolbarVisualView.es6.js
@@ -316,10 +316,25 @@
        */
       adjustPlacement() {

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.

diff --git a/core/modules/taxonomy/src/TermForm.php b/core/modules/taxonomy/src/TermForm.php
index af287ba881..d8603582e7 100644
--- a/core/modules/taxonomy/src/TermForm.php
+++ b/core/modules/taxonomy/src/TermForm.php
@@ -211,8 +211,13 @@ public function save(array

Why is TermForm being changed?

And we're good on Screenshots. Please no more screenshots.

_utsavsharma’s picture

StatusFileSize
new1.99 KB
new1.99 KB

Addressed 1 from #62 as i updated the js files for 10.1.x.
Could not address the second point.

kunals131’s picture

StatusFileSize
new778.57 KB
new824.91 KB

@_utsavsharma Applied patch #63 for 10.1.x

before-patch-63.gif
after-patch-63.gif

Version: 9.5.x-dev » 11.x-dev

Drupal core is moving towards using a “main” branch. As an interim step, a new 11.x branch has been opened, as Drupal.org infrastructure cannot currently fully support a branch named main. New developments and disruptive changes should now be targeted for the 11.x branch. For more information, see the Drupal core minor version schedule and the Allowed changes during the Drupal core release cycle.

Version: 11.x-dev » main

Drupal core is now using the main branch as the primary development branch. New developments and disruptive changes should now be targeted to the main branch.

Read more in the announcement.

quietone’s picture

Status: Needs work » Postponed

The 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.