From 90aa4780d44662a171622f2a207ae1c7d351b422 Mon Sep 17 00:00:00 2001
From: Noel De Martin <noeldemartin@hey.com>
Date: Tue, 21 Jun 2022 23:54:24 +0200
Subject: [PATCH] Fix getting Vue dom elements (#1610)

* Fix getting Vue dom elements

* update changelog

Co-authored-by: Robin Malfait <malfait.robin@gmail.com>
---
 packages/@headlessui-vue/CHANGELOG.md     | 4 ++++
 packages/@headlessui-vue/src/utils/dom.ts | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/@headlessui-vue/CHANGELOG.md b/packages/@headlessui-vue/CHANGELOG.md
index b9b640d732..11c9f8cb9d 100644
--- a/packages/@headlessui-vue/CHANGELOG.md
+++ b/packages/@headlessui-vue/CHANGELOG.md
@@ -12,6 +12,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Add `by` prop for `Listbox`, `Combobox` and `RadioGroup` ([#1482](https://github.com/tailwindlabs/headlessui/pull/1482))
 - Add `@headlessui/tailwindcss` plugin ([#1487](https://github.com/tailwindlabs/headlessui/pull/1487))
 
+### Fixed
+
+- Fix getting Vue dom elements ([#1610](https://github.com/tailwindlabs/headlessui/pull/1610))
+
 ## [1.6.5] - 2022-06-20
 
 ### Fixed
diff --git a/packages/@headlessui-vue/src/utils/dom.ts b/packages/@headlessui-vue/src/utils/dom.ts
index ccf76c4e61..46b487344e 100644
--- a/packages/@headlessui-vue/src/utils/dom.ts
+++ b/packages/@headlessui-vue/src/utils/dom.ts
@@ -4,5 +4,5 @@ export function dom<T extends Element | ComponentPublicInstance>(ref?: Ref<T | n
   if (ref == null) return null
   if (ref.value == null) return null
 
-  return '$el' in ref.value ? (ref.value.$el as T | null) : ref.value
+  return (ref.value as { $el?: T }).$el ?? ref.value
 }