Context.js Sub menu items appearing below and unclickable

Hi, I'm not sure if this repo is still maintained or not, but I'd appreciate some help please.

I need to put some sub-menu items into my context menu, but they are behaving strangely. They appear underneath the main context menu, and I am unable to move to them to click them before they disappear.

I initially thought that this was some conflicting custom css I had, but I've made a menu from scratch on plunker and it does the same.

If you try to select something from the 'sub menu' section you'll see what I mean.

http://plnkr.co/edit/2AcaQb?p=preview

Hopefully I've just done something stupid, and this isn't related to a newer version of BS or the like. Can you help at all?

Many thanks.

Mar 24 '15 15:03 dandanknight

Oh, just changed to BS2 and it works. Didn't realise this wasn't BS3 compatible.

Mar 24 '15 18:03 dandanknight

@dandanknight This plugin is bootstrap 3 compatible.

Mar 24 '15 18:03 AchoArnold

Not for subMenus. Go onto the plunker, navigate to the submenu, then change bootstrap versions from 3.3.2 to 2.3.2 and works OK. Turns out though that if I use his standalone CSS instead of the bootstrap CSS this gets round it.

Mar 24 '15 19:03 dandanknight

@dandanknight I have actually used it on a submenu before. I'll look into your problem and see you're getting the abnormality

Mar 24 '15 19:03 AchoArnold

@dandanknight Is seems we are supposed to use the context.standalone.css even when using bootstrap 3.x. You can see from the demo here https://github.com/jakiestfu/Context.js/blob/master/demo2.html

So you can make your code work well if you replace context.bootstrap.css with context.standalone.css

Mar 24 '15 19:03 AchoArnold

Ahhh, ok. I must have missed that. Thank you so much for your help.

Mar 24 '15 20:03 dandanknight