From 38caf47592f37cfec6fbb8c2f6220df8ccc1025c Mon Sep 17 00:00:00 2001
From: Steven Hoffman <fustrate@me.com>
Date: Thu, 10 Dec 2020 14:30:52 -0800
Subject: [PATCH] fix: getOwnerDocument(elementFromTemplate) (#871)

Signed-off-by: Steven Hoffman <git@fustrate.com>
---
 src/dom-utils.ts            |  4 +++-
 test/unit/dom-utils.test.js | 16 ++++++++++++++++
 2 files changed, 19 insertions(+), 1 deletion(-)

diff --git a/src/dom-utils.ts b/src/dom-utils.ts
index 480d80a5d..59457d0f9 100644
--- a/src/dom-utils.ts
+++ b/src/dom-utils.ts
@@ -64,7 +64,9 @@ export function getOwnerDocument(
   elementOrElements: Element | Element[]
 ): Document {
   const [element] = normalizeToArray(elementOrElements);
-  return element ? element.ownerDocument || document : document;
+
+  // Elements created via a <template> have an ownerDocument with no reference to the body
+  return element?.ownerDocument?.body ? element.ownerDocument : document;
 }
 
 export function isCursorOutsideInteractiveBorder(
diff --git a/test/unit/dom-utils.test.js b/test/unit/dom-utils.test.js
index 052b2e6d2..799a17423 100644
--- a/test/unit/dom-utils.test.js
+++ b/test/unit/dom-utils.test.js
@@ -98,3 +98,19 @@ describe('isReferenceElement', () => {
     expect(DomUtils.isReferenceElement(instance.popper)).toBe(false);
   });
 });
+
+describe('getOwnerDocument', () => {
+  it('finds the ownerDocument of an element', () => {
+    expect(DomUtils.getOwnerDocument(document.createElement('div'))).toBe(document);
+  });
+
+  it('uses the default document if the element was created from a template', () => {
+    const template = document.createElement('template');
+
+    template.innerHTML = '<div></div>';
+
+    const div = template.content.firstChild;
+
+    expect(DomUtils.getOwnerDocument(div)).toBe(document);
+  });
+});