CSS position property not working as intended for Vue/React based nodes in Safari

[harshaktg]

Describe the bug

While adding CSS position property to any element within the Vue/React node, it renders fine in Chrome. But in Safari, it's not working as intended. The element is placed at the beginning.

Your Example Website or App

https://codesandbox.io/s/vue-shape-forked-s6x9nz?file=/src/components/Count.vue

Steps to Reproduce the Bug or Issue

Please open the below sandbox in both chrome and safari to spot the differences

Vue based nodes

React based nodes

Expected behavior

Ideally it should work as expected in chrome

Screenshots or Videos

Platform

• OS: [e.g. macOS, Windows, Linux]
• Browser: [e.g. Chrome, Safari, Firefox]
• Version: [e.g. 91.1]

Additional context

No response

[NewByVector]

This is a bug in safari. See here for details and solutions.

[yangstart]

I also met ,it renders well in others,but not well in ios

[Damon99999]

this problem is confusing me and struggling me
bro, did u solve this problem？