slider-entity-row has become extremely hard to use on HA iOS app

[kenni]

My Home Assistant version:
2024.1.5.

My lovelace configuration method (GUI or yaml):
GUI and YAML.

What I am doing:
Trying to drag the slider on Home Assistant Companion (v2024.1) iOS app.

What I expected to happen:
The slider should move.

What happened instead:
The slider doesn't move in 50-80% of the attempts. I've tried to record a 1 minute video illustrating the issue. As I'm trying to record while performing the slides, the movement of my finger isn't 100% horizontal, but I would still expect it to work, as my vertial movement isn't enough to trigger vertical scrolling of the screen.

I've been using this exact configuration for around 2 years, and I believe this issue started at some point in 2023. I do not know if this is caused by a change in iOS, Home Assistant, the HA Companion app or slider-entity-row, but something has definitely changed for the worse. Setting "javascript_version: latest" in configuration.yaml as per the wiki, does not seem to change anything.

Link to video:
https://drive.google.com/file/d/1EiH38S8VsN7Y7RAhvIxPHmVihlgogY00/view?usp=sharing

Minimal steps to reproduce:

type: entities
title: Rullegardiner - Stueplan
entities:
  - type: custom:slider-entity-row
    name: Kontorplads
    entity: cover.rollerblind_0001
  - type: custom:slider-entity-row
    name: Sofaplads
    entity: cover.rollerblind_0002
  - type: custom:slider-entity-row
    name: Spisestue syd 1
    entity: cover.rollerblind_0005
  - type: custom:slider-entity-row
    name: Spisestue syd 2
    entity: cover.rollerblind_0006
  - type: custom:slider-entity-row
    name: Spisestue vest
    entity: cover.rollerblind_0003
  - type: custom:slider-entity-row
    name: Udestuedør
    entity: cover.rollerblind_0007
  - type: custom:slider-entity-row
    name: Køkken vest
    entity: cover.rollerblind_000d
  - type: custom:slider-entity-row
    name: Køkken nord
    entity: cover.rollerblind_0009
  - type: custom:slider-entity-row
    name: Gæsteværelse
    entity: cover.rollerblind_0004
state_color: false

Setting "javascript_version: latest" in configuration.yaml does not seem to change anything:

frontend:
  javascript_version: latest

---

By putting an X in the boxes ([X]) below, I indicate that I:

• Understand that this is a channel for reporting bugs, not a support forum (https://community.home-assistant.io/).
• Have made sure I am using the latest version of the plugin.
• Have followed the troubleshooting steps of the "Common Problems" section of https://github.com/thomasloven/hass-config/wiki/Lovelace-Plugins.
• Understand that leaving one or more boxes unticked or failure to follow the template above may increase the time required to handle my bug-report, or cause it to be closed without further action.

[madtraxx18]

Same issue here too, any idea if this is solveable?

[fmonday]

I'm having this issue as well- on both iPhones and an iPad wallpanel. I just tested it on both the companion app and a browser and the issue seems to be the ability to "grab" the knob. Maybe the target area needs to be bigger?
This isn't good for the Wife Acceptance Factor.

[Bluemchenpfluecker]

Unfortunately I'm also having a hard time grabbing the slider on my iOS devices. This became a problem in 2023.

[magnetic157]

I'm having similar issues, they don't slide easily with the IOS app.

I've found if I hold my finger on the slider for a second or two first then slide it works better, but it's not ideal. Hoping it can get fixed because I use this plugin a lot!

[kimmilde]

Same here. This happened after upgrading to 2023.12

[harrv]

On IOS if I want to make a largish change to the slider position, it's usually not much of a problem, but if I'm trying to make a very small change (min:1, max:100, step:1) it's really hard.

One thought I had is that it might be nice to have the option of little up-down buttons to the right of the slider in the same spot where you can have an optional toggle now. The buttons could be side-by-side to fit better in a row and would move the slider one step per tap.

Right now, most of the time on IOS I end up tapping on the icon, and then using the native vertical slider if the entity is a light. However, the native controls for a media_player also has a very small volume slider, so that workaround is no help in that case.