Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

New Chrome warning: The keyword 'slider-vertical' specified to an 'appearance' property is not standardized. #354

Open
vladimirlogachev opened this issue Jul 28, 2023 · 0 comments

Comments

@vladimirlogachev
Copy link

vladimirlogachev commented Jul 28, 2023

Welcome!

Regardless of whether the app uses a vertical slider or not, the elm-ui adds the following code:

input[type=range][orient=vertical]{
    writing-mode: bt-lr; /* IE */
    -webkit-appearance: slider-vertical;  /* WebKit */
}

This leads to the following warning in modern Chrome:

The keyword 'slider-vertical' specified to an 'appearance' property is not standardized. It will be removed in the future.

It can even be observed on https://elm-lang.org/, which also uses elm-ui these days.

Could it be that we can switch one solution for styling a vertical slider to another, using the same old StackOverflow discussion, which appears to describe the current approach as well?

Expected behavior
No warnings in the browser console

Versions

  • OS: macOS
  • Browser: Chrome
  • Browser Version: 115.0.5790.114 (Official Build) (arm64)
  • Elm Version: 0.19.1
  • Elm UI Version: 1.1.8
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant