Label Position Misalignment in Safari Browser

[gaurav-shharma]

The label element's position is incorrect when viewed in the Safari browser. This issue does not occur in Chrome.
As shown in the screenshot, the positions of the labels in the examples given by the library page are not aligned.

[felixSchober]

I investigated a little bit and it seems like the position: absolute is causing the issue here.
The calculation for the coordinates are correct as you can see that the container is positioned correctly

Using position: fixed the label is in its correct position:

position: relative also works when you remove the translate:

<div
            style={{
              position: 'fixed',
              left: '50%',
              top: '50%',
              transform: 'translateX(-50%) translateY(-50%)',
              pointerEvents: 'all',
            }}
          >