VaButtonDropdown: incorrect teleport element when split prop is true

[m0ksem]

          Hi, I'm using the same VaLayout as Vuestic Admin. The issue only seems to affect the VaButtonDropdown content. For example, this is a button placed at the left of the main content:

<VaButtonDropdown
  split
  preset="primary"
  label="Filter"
  size="small"
>
  // content is VaList as shown above
</VaButtonDropdown>

Elsewhere I'm using VaDropdown in a similar position to the left of the main content, and it doesn't have the same issue:

<VaDropdown trigger="hover" hover-over-timeout="100">
  <template #anchor>
    <VaButton
      size="small"
      preset="primary"
      border-color="secondary"
      icon="mso-more_vert"
    />
    </template>
        <VaDropdownContent>
            // content as shown below
        </VaDropdownContent>
</VaDropdown>

Which results in:

I'm managing to workaround the issue by simply using placement="right-end" on the VaButtonDropdown.

Originally posted by @beard7 in https://github.com/epicmaxco/vuestic-admin/issues/1053#issuecomment-2413579418