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

harshaktg commented 1 year ago

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 commented 1 year ago

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

yangstart commented 1 year ago

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

Damon99999 commented 1 year ago

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

antvis / X6