'HTML5-Audioplayer dropdown element in Chrome displaced when loading dynamically or resizing window - fix?

I am loading the <audio> element on click on a div element:

After the mouse click the audio player opens:

When the user clicks the three dots for the dropdown options (Download | Playback speed), they are displaced to the very right bottom:

I tried to recreate the problem with JSfiddle: https://jsfiddle.net/d7b0fr21/1/

Here it is at the right position, but not if you resize the window:

Is there any way to fix the position of the dropdown of the audio player?

Windows 10, Chrome Version 101.0.4951.67 (Official Build) (64-bit)

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Solution	Source