Slider does not render on Safari (MacOS and iOS including companion app)

[ksendor]

Checklist:

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

Release with the issue: v1.1.0

Last working release (if known): N/A

Browser and Operating System: Safari / MacOS & iOS

Description of problem: Slider (any type like solid, gradient, striped etc.) does not show at all on Safari on MacOS and iOS (including Home Assistant companion app for iOS). Tested with many different themes. Same config (shown below) renders correctly (slider is visible) on Chrome. Additionally on iOS there is visible bar that is the handle of slider (also visible in visual edit mode on Safari on MacOS).

type: custom:slider-button-card
entity: switch.living_room_neon
name: Neon
slider:
  percentage: false
  direction: left-right
  background: striped
  use_state_color: false
  use_percentage_bg_opacity: false
  show_track: false
  force_square: true
show_name: true
show_state: false
icon:
  show: true
  use_state_color: false
  rotate: false
  tap_action:
    action: more-info
action_button:
  mode: toggle
  show_spinner: true

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

N/A

Additional information:

[mattieha]

Thanks for your detailed feedback, see
this comment about the problem. I'll make this highest priority to fix 👍

[ksendor]

@mattieha Thank you for your fast reply. I'm looking forward for the fix because this card looks amazing and I can't wait to use it everywhere in my dashboard.

Because this is basically same issue as described in #5 (like you mentioned in your comment) feel free to close this one and I'll watch the other one.

P.S. If you need some beta-testing on Safari on MacOS / iOS feel free to mention me in any PR or issue.

[poudenes]

Same issue here. On Chrome its working but there is a other issue (I'll create one: Color Temperature not used as state color)

[milkplus27]

Just wanted to say that this appears to still be an issue on my iPad Mini 2 which is stuck on iOS 12.5.4. Any chance it could be fixed for this?

Just to clarify: I can create slider buttons no problem, but when trying to actually slide on an iPad Mini 2, nothing happens. Works fine on Android, MacOS and Chrome.