Skip to content

ClickableContainer widget stopping HybridPhone_Sidebar navigationList from Highlighting on Mobile #8

@Samtosh

Description

@Samtosh

Hello Mr. Tieniber, I’ve been working on an app and using the Atlas_UI and on Atlas_UI_Resources I’m using the HybridPhone_Sidebar that has a navigationList. Here I’m trying to add a widget within one of the list items that needs a progress bar. So of course I decided to use your “Clickable Container” widget and the progress bar works but I noticed that it stops a part of what the navigationList does and that’s to highlight the menu item you’ve selected. This only happens on mobile but the highlighting feature does work for Desktop. In inspecting the “Clickable Container” more I realized that the widget.js has this about the “Clickable Container” widget.

Clickable Container:

_setupMfClick: function() { this.connect(this.domNode.parentNode, "click", function(e) { // Only on mobile stop event bubbling! this._stopBubblingEventOnMobile(e);

I’m guessing this is what’s causing the problem but not for sure. Can someone help me with this? At the moment I’m using Mendix Studio Pro 8.0.

Thank you.

Sam...

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions