Safari: foreignobject render issue

Question

xvivx999 opened this issue 5 months ago · 2 comments

2024-01-13.12.31.35.mov

The centers of the two circles do not coincide
Safari：16.5

Answer 1 · 2024-01-13T05:14:09.000Z

2024-01-13.13.12.35.mov

Chrome is working

Answer 2 · 2024-01-13T05:16:19.000Z

position: 'fixed',
width: 16,
height: 16,
background: '#EFF9FF',
borderRadius: '100%',
animation: 'ping 1s cubic-bezier(0, 0, 0.2, 1) infinite',