Problem with dhtmlxcombo with side sliding menu

I have a site with a sliding menu on the left

I have some combos on the page built from selects

If I have a dropdown open and open the menu then the drop down stays where it was while the select doesn’t

You can see what I mean at webrecipemanager.com

Log in with user demo p/w demo99 and select shopping lists under the Menu Planning menu then open the dropdown on any select then open the menu on the left by hitting the three lines at the top left.

Hi

thanks for demo

combo have inner handler attached to document.body, which listen to “click” event and close opened bar if any. when you clicking on “three lines” something stops event (like event.cancelBubble = true)

you can test it by adding (directly in console):

document.body.addEventListener("click", function(){ console.log("body click"); }, false);

to fix:

$(".sb-toggle-left").mousedown(function(){ dhtmlXCombo.prototype.closeAll(); });

Though your solution works in some instances it is of no use when you want to open the dropdown with a sidebar open.

Isn’t there a way of ensuring the dropdown box stays attached to the select no matter what using css

sorry Barb not sure what you mean

I have applied the javascript fix. But if you have the left sidebar open - see demo instructions earlier - and then open the combo then the box is in the wrong place

Maybe the following issue is already tackled.

Select any combo in shopping lists and click ‘?’.
Or use horizontal scroll.

In my case I added closeAll() to scroll, resize, drag events.
etc. )
Code increased.

It seems to be working now thanks