transitionProperty and transitionTimingFunction order does not match

[jjjreisss]

Do you want to request a feature or report a bug?
A bug.

If the current behavior is a bug, please provide the steps to reproduce and
if a minimal demo of the problem via Glitch or similar (template:
https://glitch.com/edit/#!/react-native-web-playground).

1. Create a component which uses StyleSheet for styling and apply this class

.myClass {
    transitionProperty: 'transform, opacity',
    transitionDuration: '0.15s',
    transitionTimingFunction: 'ease, step-end'
}

2. Run the project locally and examine the DOM node to which you've applied myClass
3. Notice transition-property: -webkit-transform, transform, opacity; and transition-timing-function: ease, step-end;

Here, both ease and step-end are applied to transform: ease via -webkit-transform and step-end via transform.

What is the expected behavior?
Expect that ease be applied to transform and step-end be applied to opacity

• OS: macOS Sierra 10.12.6
• Browser: Chrome 64.0.3282.186, Safari 11.0.3
• React Native for Web (version): 0.3.1
• React (version): 16.2

[necolas]

This is likely an issue with the inline-style-prefixer and it not considering how these properties are related when generating prefixes. Mind linking this to an issue on that repo?

[necolas]

Still waiting on robinweser/inline-style-prefixer#154 to get some attention