PopoverButton require 2 clicks but changing 'as' from button to div (or other) changes events in PopoverPanel

[monkeytroy]

If a PopoverButton is left to the default 'as' button type, the first click sets focus to the button but does not open the popover. A second click on the button is required to open the content. This is how it works even in the example at https://headlessui.com/vue/popover and does not seem like a desired behavior.

Changing the 'as' to div will allow a single click open of the popover but then clicking anything in the PopoverPanel will close the popover.

Am I missing a setting, is this a bug or expected behavior? Is there a way to leave the 'as' type as button and open with single click?