Unable to interact with card with fluid wrapper

[fishter]

Checklist:

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

Release with the issue: 0.1.8.3

Last working release (if known): Unknown - this is my first install

Browser and Operating System: Android 14 with:

• Chrome 131.0.6778.104
• Home assistant companion app 2024.10.3-full
• both show the same issue

It works in chrome on windows 11 (131.0.6778.86 & 109)

Description of problem: Here's the yaml for my card.

type: custom:fluid-level-background-card
card:
  type: humidifier
  entity: humidifier.dehumidifier
  show_current_as_primary: true
  features:
    - type: humidifier-toggle
entity: sensor.dehumidifier_water_level
severity:
  - color:
      - 0
      - 255
      - 0
    value: 25
  - color:
      - 255
      - 187
      - 0
    value: 50
  - color: "#FF0000"
    value: 75

When I tap on the humidifier +/- to nudge the setpoint up or down it doesn't respond. When I tap the off button the button goes grey (like it's been pressed) but nothing occurs on my device. If I remove the fluid background it works normally.

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

Sorry, I don't know how to access this on mobile.

Additional information:

[ildar170975]

Imho this is not about humidifier. Consider 2 cards:

type: entities
entities:
  - input_number.test_number

type: custom:fluid-level-background-card
card:
  type: entities
  entities:
    - input_number.test_number
entity: input_number.test_level_1

An inner card is like not getting updates from HASS.

[fishter]

Imho this is not about humidifier.

OK, but the humidifier card is an interactive one which I happen to have on a dashboard. I've just tried with a mini-media-player card (from HACS) and I have the same issue. So this is a more general mobile/app UI problem.

[ildar170975]

but the humidifier card is an interactive one which I happen to have on a dashboard.

Suggestion: always try to find a minimal condition when you see a bug. Currently the issue's name is misleading.

[swingerman]

Please check v0.1.8.4beta-1 It probably fixes it.

[ildar170975]

Tested my example with 0.1.8.4. See no issue. Thanks a lot, Miklos!

[fishter]

Unfortunately 0.1.8.4 has not fixed the issue that I initially reported.

The attached video shows the fluid background on a card. I try to tap various parts of the card (+, -, power, preset, menu), but only the slider works. If I use the same card without the fluid background I can interact with all the elements mentioned.

[fishter]

https://github.com/user-attachments/assets/18c1f67b-0279-48ff-b3d9-532104025360