Dropdown position is miscalculated when used in a dialog with append-to referencing the modal class

[mick32]

Version

• Vue version: 3.4

Description

When a dropdown is rendered inside a dialog element and the append-to prop is set to a selector referencing the dialog, its position is calculated incorrectly. This issue only occurs when the dropdown does not have a fixed width; with a fixed width, the problem does not appear. Also if you scroll the dropdown the position is recalculated correctly

Demo

https://jsfiddle.net/4Lqpv3x1/55/