Source for this code is https://ugate.wordpress.com/2013/06/28/scrollable-twitter-bootstrap-menus/

Would be great like this!

Currently there is an issue as it is stopping the submenu links from working - looking into that

The example provided by ugate shows that submenus will work - struggling to get my head around that part at the moment - any help appreciated to get this finally fixed

http://jsfiddle.net/XKEmy/ Look at their example fiddle here - for the scrollable example they place the scroll-menu class on the

Thats what I was looking at last night before my brain crashed. Just not
100% they actually have a scrolling menu with submenus. Looks like just a
regular menu with a scrolling submenu.
On 9 Mar 2016 1:01 am, "George Wilson" notifications@github.com wrote:

http://jsfiddle.net/XKEmy/ Look at their example fiddle here - for the
scrollable example they place the scroll-menu class on the

• element the child

  element is placed in - dunno why it works - but that's what they've
  done and there's a special comment about the fact it's done differently for
  that...

—
Reply to this email directly or view it on GitHub
#9347 (comment).

Would it be possible to tie this new menu height to the viewport size rather than using 500px? say 85% of the viewport size (noting that this viewport concept only applies some tablets, desktops, and high-resolution desktop screens. As mobile has its own menu that behaves differently)

http://jsfiddle.net/XKEmy/

They do have scrolling submenus at first sight.

That was what I didn't want to say :( they didn't have an example there. Was kinda hoping it would work 'out of the box'

@infograf768 yes the submenu scrolls but they don't have an example of the main menu scrolling when there are submenu items

Thats the problem - i will see what I can work out this morning

@photodude If I get it working this way then I can look at making it based
on the viewport.

On 9 March 2016 at 09:17, George Wilson notifications@github.com wrote:

@infograf768 https://github.com/infograf768 yes the submenu scrolls but
they don't have an example of the main menu scrolling when there are
submenu items

—
Reply to this email directly or view it on GitHub
#9347 (comment).

Brian Teeman
Co-founder Joomla! and OpenSourceMatters Inc.
http://brian.teeman.net/

Doesnt help that every response to this issue on the bs mailing list is
"your menu is too long make it shorter" and "submenus suck we're dropping
them"

On 9 March 2016 at 09:18, Brian Teeman brian@teeman.net wrote:

Thats the problem - i will see what I can work out this morning

@photodude If I get it working this way then I can look at making it based
on the viewport.

On 9 March 2016 at 09:17, George Wilson notifications@github.com wrote:

@infograf768 https://github.com/infograf768 yes the submenu scrolls
but they don't have an example of the main menu scrolling when there are
submenu items

—
Reply to this email directly or view it on GitHub
#9347 (comment).

Brian Teeman
Co-founder Joomla! and OpenSourceMatters Inc.
http://brian.teeman.net/

Brian Teeman
Co-founder Joomla! and OpenSourceMatters Inc.
http://brian.teeman.net/

As I suspected - the code in that fiddle does not support submenus on a
scrollable dropdown menu

On 9 March 2016 at 09:25, Brian Teeman brian@teeman.net wrote:

Doesnt help that every response to this issue on the bs mailing list is
"your menu is too long make it shorter" and "submenus suck we're dropping
them"

On 9 March 2016 at 09:18, Brian Teeman brian@teeman.net wrote:

Thats the problem - i will see what I can work out this morning

@photodude If I get it working this way then I can look at making it
based on the viewport.

On 9 March 2016 at 09:17, George Wilson notifications@github.com wrote:

@infograf768 https://github.com/infograf768 yes the submenu scrolls
but they don't have an example of the main menu scrolling when there are
submenu items

—
Reply to this email directly or view it on GitHub
#9347 (comment).

Brian Teeman
Co-founder Joomla! and OpenSourceMatters Inc.
http://brian.teeman.net/

Brian Teeman
Co-founder Joomla! and OpenSourceMatters Inc.
http://brian.teeman.net/

Brian Teeman
Co-founder Joomla! and OpenSourceMatters Inc.
http://brian.teeman.net/

Maybe we could look into another solution for submenus if feasible, like displaying them indented below their menus? With a up/down arrow would be better. In that case the scroll may be possible.

I mean something like:
Banners ⏷
Banners
Categories
Clients
Tracks
Contacts ⏷

etc.

Just an idea.

I tried that and it was actually a worse experience for everyone forcing a scroll when you only have a few components - some of them have a lot of submenus

When I talked about the arrow, I meant that the arrow would react in the dropdown, not be there just for display.

ah - I see what you mean now. so the arrow activates the submenu

On 10 March 2016 at 09:00, infograf768 notifications@github.com wrote:

When I talked about the arrow, I meant that the arrow would react in the
dropdown, not be there just for display.

—
Reply to this email directly or view it on GitHub
#9347 (comment).

Brian Teeman
Co-founder Joomla! and OpenSourceMatters Inc.
http://brian.teeman.net/

Just to clarify - are you thinking of something like this http://www.bootply.com/uBoT3zP1P2 @infograf768 combined with the new scrolling code

Exactly! BUT in a dropdown...

And with arrows for the menu itself to indicate that there are submenus

I will have a look and see what I can come up with. That code example is not suitable for us. I am thinking we could maybe have it as an alternative module

I think this looks like what you are talking about - scrolling and expanding submenus
Its bootstrap3 though - not sure if it can be backported
http://www.bootply.com/0ZWCUWF61p

The only way I know of fixing this in the current top menu is to have an empty <ul> tag after your scroll-menu. On hover, you'll have to clone the contents of the submenu (all <li> elements) and append them to the empty <ul>, using JS.

You'll also need to get the top offset of the menu item your hovered over and use that to assign the top position of the <ul>.

There will also be some styling tweaks for the UL's pseudo selectors.

RTL support will also need to be taken into consideration

Screenshot below is an example:

That looks good. Are you able to produce some code. The method I'm looking
at is a massive rewrite of the code and probably won't be b/c
On 11 Mar 2016 12:08 pm, "Lodder" notifications@github.com wrote:

The only way I know of fixing this in the current top menu is to have an
empty

tag after your scroll-menu. On hover, you'll have to clone the
contents of the submenu (all
• elements) and append them to the empty
  
  , using JS.

  You'll also need to get the top offset of the menu item your hovered over
  and use that to assign the top position of the

  .

  There will also be some styling tweaks for the UL's pseudo selectors.

  RTL support will also need to be taken into consideration

  Screenshot below is an example:

  [image: screeny]
  https://cloud.githubusercontent.com/assets/2019801/13701751/e99b9d32-e781-11e5-97e9-15eecf2269ab.png

  —
  Reply to this email directly or view it on GitHub
  #9347 (comment).

@brianteeman done: #9347

closing in favour of #9375