It doesn't work with the app when scrolling the page

[dreds77]

Checklist:

• [x] I updated to the latest version available
• [x] I cleared the cache of my browser

Release with the issue:

Last working release (if known):

Browser and Operating System:

Description of problem:

Javascript errors shown in the web inspector (if applicable):

Additional information:

[dreds77]

Maybe I'm doing something wrong but I can't scroll the page

[mbw2001]

I have the same issue, but I am thinking if this be solved by adding a feature that disables sliding when the entity is off?

[vlumikero]

+1

Would make sense to handle sliding up/down vs led-right differently.

[theodorklauritzen]

I think this is a duplicate on issue #52

[amaciuc]

@mattieha do you have updates about this issue?

This becomes frustrating when using the mobile app.

[samboman]

I notice the same on iOS

[VNRARA]

I think the best solution is to change the activation of the slider to a tap-and-hold to enable/slide the slider just like how Philips Hue app does it with individual lights.

[chenzomo]

I think the best solution is to change the activation of the slider to a tap-and-hold to enable/slide the slider just like how Philips Hue app does it with individual lights.

How does one go about doing this?

Here is my current code. type: custom:slider-button-card entity: light.ge_enbrighten_z_wave_plus_smart_dimmer slider: direction: left-right background: triangle use_state_color: true use_percentage_bg_opacity: true show_track: true toggle_on_click: false force_square: false show_name: true show_state: true compact: true icon: show: true use_state_color: true tap_action: action: more-info icon: mdi:billiards action_button: mode: toggle icon: mdi:power show: true show_spinner: true tap_action: action: toggle name: Basement padding: 5