responsive-nav.js icon indicating copy to clipboard operation
responsive-nav.js copied to clipboard

Does this support nested drop down list?

Open bugsy0206 opened this issue 12 years ago • 27 comments

bugsy0206 avatar Apr 11 '13 23:04 bugsy0206

Depends on implementation of dropdown list. It's up to your imagination.

nvartolomei avatar Apr 12 '13 07:04 nvartolomei

Could you add a feature that say, slides to the right when you have nested

    tags? Maybe add a link to go back at the top of each nested
      .

paulcredmond avatar Apr 14 '13 14:04 paulcredmond

How about support for multi-toggle with active parent links? Something like this: http://codepen.io/micahgodbolt/full/czwer

valstu avatar Apr 15 '13 07:04 valstu

That would be a nice valstu, have you tried adding it to the css to see if it works? nvartolomei - do you have any samples? or will you be working on this in future releases?

bugsy0206 avatar Apr 18 '13 00:04 bugsy0206

I second the support for nested drop down.

Has anyone found an appropriate solution/customization?

sethburtonhall avatar May 02 '13 16:05 sethburtonhall

Yep nested would be cool..

bongo-jules avatar May 08 '13 15:05 bongo-jules

please implement

dcrystalj avatar Jun 08 '13 23:06 dcrystalj

Any movement on this, yet?

jacobdubail avatar Aug 30 '13 01:08 jacobdubail

@jacobdubail Not yet. But I think this should be the next big feature to add.

arielsalminen avatar Mar 02 '14 17:03 arielsalminen

This is coming in the next release!

arielsalminen avatar Mar 08 '14 04:03 arielsalminen

Very cool. Any idea when the next release will be coming out? :)

sanstress avatar Mar 11 '14 04:03 sanstress

@sanstress Beta version is out now, please take a look and test drive it (there's a demo in the demos folder if you download it): https://github.com/viljamis/responsive-nav.js/tree/multiple-levels

  • online demo: http://viljamis.com/demo/responsive-nav-multiple-levels/

arielsalminen avatar Mar 15 '14 19:03 arielsalminen

Also… please comment here if you find any bugs or would want to see the implementation to be somehow different before I merge this into the master.

arielsalminen avatar Mar 15 '14 20:03 arielsalminen

Does this version support drop down list for vertical menu?

Olg-E avatar Mar 16 '14 17:03 Olg-E

Does this prevent clicking on parent pages? Perhaps the icon could be where clicking to open the sub-pages could be performed?

stevenslack avatar Mar 19 '14 14:03 stevenslack

@S2web At the moment yes, but I'm gonna implement something like that before this will be merged into the master :)

arielsalminen avatar Mar 20 '14 18:03 arielsalminen

Good to know. I have seen the prevent from click on many multi-level vanilla js menus. While this can be appropriate in some cases it can also be an issue with some businesses or organizations content.

stevenslack avatar Mar 21 '14 12:03 stevenslack

Not sure if this is an issue or just an issue for me :), but the dropdowns were going behind divs when using with zurb foundation - so I added the below - which fixed it:

#nav { z-index: 100; }

aguatye avatar Mar 27 '14 03:03 aguatye

Definitely good to hear the option to prevent clicking on parent pages that @S2web mentioned is coming, that is key. But otherwise, testing the beta version of this script recently shows it works great on all moderns platforms and browsers, I had no issues at all.

I hope this is still going into the master and that v1.0.40 comes out soon. :)

onetrev avatar Jul 29 '14 21:07 onetrev

I have found a small problem with 7inch tablets. Well nexus 7 anyway. The touch of the navigation on drop down doesn't quite work. You have to tap just below the button, and then it automatically selects the top option in the drop down. I can't quite work it out. Its fine on iPads, phones etc

Has anyone else noticed this?

dommanley avatar Sep 18 '14 18:09 dommanley

Hi, i just wanted to comment on an issue regarding "preventing touch/drag" on parents of sub-levels. Basically the problem happens when the menu list is "taller than the viewport", and not being able to swipe/scroll down the page to view the rest of the menu or even access the page content under the menu. There is something that prevents parents to be able to swipe.

Related issues here: https://github.com/viljamis/responsive-nav.js/issues/117 https://github.com/viljamis/responsive-nav.js/issues/127

o-l-e avatar Jan 12 '15 15:01 o-l-e

@valstu How about support for multi-toggle with active parent links? Something like this: http://codepen.io/micahgodbolt/full/czwer

:100:

We badly need such a solution, otherwise we can not open parent pages. So at time beeing we can not put content onto those pages as we can not open them.

We need a switch (option) to set the "open subpages"-event only onto the plus and minus symbols and let the anchor behave as a normal link.

Aybee avatar May 18 '15 19:05 Aybee

Who can solve the problem to solve it?

liumingcode avatar May 27 '15 08:05 liumingcode

Hi, many thanks for your work on the responsive nav plugin, it's helped me out a lot!

I have two main requests:

  1. Submenu support – the beta works well for me, though need fix for 'prevent from click parents'
  2. Ability to scroll a long open nav when using a fixed header (possible solution here on the fixed adtile version of this from MystK? https://github.com/adtile/fixed-nav/issues/7

voodoo6 avatar May 28 '15 16:05 voodoo6

http://viljamis.com/demo/responsive-nav-multiple-levels/ - is there a way to fix the parents are not working / showing the subs on touch? Tested on Honor Holly Device with Android 4.4.2 with Firefox

anjuis avatar Jun 09 '15 06:06 anjuis

I can't get sub menus to work. Anyone with a valid markup? Guess JS changes aren't needed. I've checked in the demo-folder in the downloaded package, but nothing there. Sigh..

coffeeneed avatar Nov 16 '15 13:11 coffeeneed

there are different versions, in repository and here https://viljamis.com/responsive-nav-multiple-levels/

sergiimaniuk avatar Aug 08 '16 09:08 sergiimaniuk