From 222efaa66bfca35d5c0a305214f932aacaaf1c7b Mon Sep 17 00:00:00 2001
From: Owen Buckley <owenbuckley13@gmail.com>
Date: Sat, 6 Jan 2024 13:46:51 -0500
Subject: [PATCH] use getRootNode API for this reference in click handler (#24)

---
 src/components/card.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/card.js b/src/components/card.js
index 575b2dc..a936af8 100644
--- a/src/components/card.js
+++ b/src/components/card.js
@@ -57,7 +57,7 @@ export default class Card extends HTMLElement {
         <div>
           <h3>${title}</h3>
           <img src="${thumbnail}" alt="${title}" loading="lazy" width="100%">
-          <button onclick="this.parentNode.parentNode.host.selectItem()">View Item Details</button>
+          <button onclick="this.getRootNode().host.selectItem()">View Item Details</button>
         </div>
       `;
       this.attachShadow({ mode: 'open' });