CSS for Sound volume slider is making Chrome log exceptions

[Siderite]

So the code here: https://github.com/lichess-org/lila/blob/cc2a4e8a1b3c73b9f9c9e109b49147737d8c9211/ui/dasher/css/_dasher.scss#L175

It contains the values:

• writing-mode: bt-lr; which Chrome declares as invalid property value
• -webkit-appearance: slider-vertical; to which it logs an error that the value will be removed in the future

Error message is The keyword 'slider-vertical' specified to an 'appearance' property is not standardized. It will be removed in the future. Use <input type=range style="writing-mode: vertical-lr; direction: rtl"> instead.

Firefox calls both values invalid, but somehow works even if you disable them from dev tools.

More here : https://developer.mozilla.org/en-US/docs/Web/CSS/appearance

[schlawg]

someone please rid us of this horrific abomination that make my logs feel so dirty.

[Siderite]

It says that it will be removed, so I was proactive. Plus, it dirties my logs!