overflowStyle not applied in IE 11

[screendriver]

I'm using glamorous and want to use overflowStyle in my code. I already created an issue there paypal/glamorous#400 and was redirected here

• glamorous version: 4.12.1
• glamor version: 2.20.40
• react version: 16.2.0
• typescript version: 2.7.2

Relevant code.

const MyComponent = glamorous.div({
  overflowStyle: 'none',
  '-ms-overflow-style': 'none',
});

What you did:

I want to apply the styles written above. But unfortunately overflowStyle will not be applied in IE 11. Instead I have to write manually '-ms-overflow-style': 'none' (as you can see in the last line). Shouldn't browser prefixes be done automatically?

What happened:

When I just write overflowStyle: 'none' without '-ms-overflow-style': 'none' then nothing will be applied in IE 11. In Chrome conversely I can see a overflow-style: 'none' (with a warning that this property is not supported, but that's ok here)

[robinweser]

Hey there, I just checked the documentation:
https://developer.mozilla.org/en-US/docs/Web/CSS/-ms-overflow-style
Looks like that's an unofficial property introduced only by Microsoft. This prefixer does not prefix unofficial properties, so you would have to provide the prefixed version yourself

Note: Looks like overflowStyle is not even part of the CSS spec?
(Source: https://drafts.csswg.org/css-overflow-3/#propdef-overflow)

You should try

const MyComponent = glamorous.div({
  msOverflowStyle: 'none'
})

[screendriver]

Thank for the information 👍