Prefix transition in workaround

Author: cvle

src/composables/withWorkaround.spec.tsx

@@ -52,7 +52,8 @@ describe("withWorkaround", () => {
 
     it("should perform a second transition", () => {
       const style = wrapper.childAt(0).props().style;
-      assert.deepEqual(style, { opacity: 1.0, transition: "opacity 1ms linear 10ms" });
+      const transition = "opacity 1ms linear 10ms";
+      assert.deepEqual(style, { opacity: 1.0, transition, WebkitTransition: transition });
     });
 
     describe("when second transition ends", () => {

src/composables/withWorkaround.tsx

@@ -37,9 +37,10 @@ export const withWorkaround = combine(
       key: "workaround",
       style: { opacity: 0.9 },
     };
+    const transition = `opacity 1ms linear ${firstPropertyDelay}ms`;
     if (inTransition) {
       workaroundProps.onTransitionEnd = workaroundHandler;
-      workaroundProps.style = { opacity: 1.0, transition: `opacity 1ms linear ${firstPropertyDelay}ms` };
+      workaroundProps.style = { opacity: 1.0, transition, WebkitTransition: transition };
     }
     return {
       children: [<span {...workaroundProps } />, ...Children.toArray(children)],