Add failing test for keyboard controls with x-teleport

[Ahrengot]

Adds failing test for #4030

If the this.$refs.__items are replaced with this.$el in the following section then the test passes, so it seems to be related to teleported refs.

alpine/packages/ui/src/menu.js

Lines 98 to 110 in 84fd08d

	'@keydown'(e) { dom.search(Alpine, this.$refs.__items, e.key, el => el.__activate()) },
	'@keydown.down.stop.prevent'() {
	if (this.$data.__activeEl) dom.next(Alpine, this.$data.__activeEl, el => el.__activate())
	else dom.first(Alpine, this.$refs.__items, el => el.__activate())
	},
	'@keydown.up.stop.prevent'() {
	if (this.$data.__activeEl) dom.previous(Alpine, this.$data.__activeEl, el => el.__activate())
	else dom.last(Alpine, this.$refs.__items, el => el.__activate())
	},
	'@keydown.home.stop.prevent'() { dom.first(Alpine, this.$refs.__items, el => el.__activate()) },
	'@keydown.end.stop.prevent'() { dom.last(Alpine, this.$refs.__items, el => el.__activate()) },
	'@keydown.page-up.stop.prevent'() { dom.first(Alpine, this.$refs.__items, el => el.__activate()) },
	'@keydown.page-down.stop.prevent'() { dom.last(Alpine, this.$refs.__items, el => el.__activate()) },

[calebporzio]

Thanks for this @Ahrengot. It was a problem with $refs not working with teleports. It's been fixed.

In the future, when you submit a pull request, can you check out a new branch (not main) on your fork. That way I can push commits directly to this PR.

Thanks again!

[Ahrengot]

Sure thing. I rarely make pull requests to public repos, and assumed you had control over the branch once it was submitted.