Slider still not shown in iOS 12.x

home-assistant / frontend

:lollipop: Frontend for Home Assistant

https://demo.home-assistant.io

Other

3.96k stars 2.68k forks source link

Slider still not shown in iOS 12.x #18981

Open ildar170975 opened 9 months ago

ildar170975 commented 9 months ago

Checklist

[X] I have updated to the latest available Home Assistant version.
[X] I have cleared the cache of my browser.
[X] I have tried a different browser to see if it is related to my browser.

Describe the issue you are experiencing

Slider still not shown in iOS 12.x:

How it is shown in Chrome (Windows):

Describe the behavior you expected

Slider is shown

Steps to reproduce the issue

as above

What version of Home Assistant Core has the issue?

2023.12.0

What was the last working version of Home Assistant Core?

No response

In which browser are you experiencing the issue with?

Chrome 119.0.6045.200

Which operating system are you using to run this browser?

Win10x64

State of relevant entities

No response

Problem-relevant frontend configuration

No response

Javascript errors shown in your browser console/inspector

No response

Additional information

No response

silamon commented 9 months ago

Can you check if the slider functions? (if you touch the slider knob, do you see a value appearing above) Also, the x in 12.x may be important.

ildar170975 commented 9 months ago

iOS 12.5.7

When I tap an area where a slider is supposed to be shown - nothing happens. Same when I tap a blue circle. Sometimes a “magnifier” is shown. Same when a slider is on a card or in a more-info window.

thomasloven commented 8 months ago

I've looked a little bit at this. At least part of the issue seems to be that material-web slider uses inset-inline-start and inset-inline-end

https://caniuse.com/mdn-css_properties_inset-inline-start https://caniuse.com/?search=inset-inline-end

silamon commented 8 months ago

The postcss-logical package does provide polyfills for these series of css properties that are not supported on older devices. I'm just not sure how many polyfills there are required for it to show up.

Daniel15 commented 5 months ago

The postcss-logical package does provide polyfills for these series of css properties that are not supported on older devices. I'm just not sure how many polyfills there are required for it to show up.

This isn't a polyfill; it's a plugin for PostCSS which is a build step.

Given the properties are supported by 95% of browsers (as per the caniuse links above), I'm not sure it'd be worth complicating the CSS build process just for 5% of users. Up to the Home Assistant devs though. It'd be easier to just not use these properties.

github-actions[bot] commented 2 months ago

There hasn't been any activity on this issue recently. Due to the high number of incoming GitHub notifications, we have to clean some of the old issues, as many of them have already been resolved with the latest updates. Please make sure to update to the latest Home Assistant version and check if that solves the issue. Let us know if that works for you by adding a comment 👍 This issue has now been marked as stale and will be closed if no further activity occurs. Thank you for your contributions.

ildar170975 commented 2 months ago

2024.6.4 iOS 12.5.7 slider still not shown