Clicking the menu-expand icon leads to link being clicked

[youngmicroserf]

Hi,

first off - thanks for the slidebars.

I'm trying to implement them for a client site and while everything looks great, on the default Android browser, not on Chrome for Android, the link that appears in the position of the menu icon when when the slider is expanded and pushes the site's content to the right, will be followed simply by clicking on the menu-trigger-button. It works perfectly when the trigger is not originally positioned on the area that will be covered by the expanded slide bar, but if it is positioned on that area (say 33% left), it will cause the browser to go to the menu-link directly. In this case the slide bar will only expand partially before the new page is loaded and be hidden again on the new site. As such, it is impossible to use on the Android default browser if the trigger icon is located in the screen area covered by the expanded slide bar.

Is there any way to fix this short of repositioning the icon?

Thanks for any tip!

[adchsm]

Hey, no problems, I'm glad you like it!

I'm not entirely sure what you mean, do you have a demo url I can see? Although I don't have an Android device, I might be able to spot the problem.

What version of Slidebars are you also using?

Thanks,

Adam

[youngmicroserf]

Hey thanks for the quick reply!

I'm using version 0.10.3

Sorry, but I'm not allowed to disclose the url prior to publication. I'll try again to explain it.

Ok, say the trigger is a div of 100x100px located in the top left corner of the screen. When I click on it, the content, including the trigger is pushed to the right, the slide bar is expanded to whatever width is defined - say also 100px. Now if there is a menu with links in the slide bar, some of them will be in the 100pxx100px squre in the top left corner of the viewport once the slidebar is expanded.

Now, on the android default browser, these links, that will appear in the viewport where the trigger was before it was pushed right, will be activated by touching the trigger icon. So if I touched the trigger icon it would attempt to expand the slide bar, but also directly follow the link, even before it has become visible.

Does that make it clearer? Again, on Chrome for android everything works perfect. As on all other deviced I've tested so far. It also works on the default android browser when I add the trigger class to something on the right side of the screen. It works as long as the trigger is not located in a viewport position (when the slidebars aren't expanded) that will be covered by the slidebar when expanded.

[adchsm]

Ahh ok, it sounds like the click event is bubbling up the dom. Are you using the standard triggers sb-toggle-left etc, or have you created your own with the API?

[youngmicroserf]

I'm using the standard sb-toggle-left class.

[adchsm]

Hmm that is strange, I thought I had managed to solve all problems like that. Has the script or css been modified in anyway?

If you can't publicly release the url, could you email me a link? [email protected]