Buttons loose their responsive effect (touch screen) after event binding

[iluvnepal]

I have been having issues to make buttons respond to touch actions - e.g. ripple effects and outline on touch. It works when there are no events (set tag, run script) bound. However after configuring click event in editor, the buttons do register the touch-action, however no visual feedback is given. The mouse-click does however show the visual feedback.

I am using fuxa-pro. Steps to reproduce:

1. Insert a 'button' shape into editor. ( localhost:1881/editor )
2. Go to the view in UI ( localhost:1881/home ) and touch the button. Notice that the button shows the 'pressed' animation.
3. Now back in editor, bind an event on click to set or toggle a tag.
4. In UI, notice that the animation is visible only on mouse-click but the touch shows no feedback.

Any solutions? I could really need that visual feedback for our touch-panels, as no mouse-keyboard environment is available.
Thanks in advance.

[unocelli]

Hi @iluvnepal Sadly, this is a limitation of mobile browsers for HTML elements in SVG. The best option is to use an SVG widget that draws the button.
Try the attached widget