From 20d51c0206410718416586f2f1c7ff19720d2241 Mon Sep 17 00:00:00 2001
From: Adam Johnson <adam.b.johnson1@gmail.com>
Date: Thu, 16 Jan 2025 15:39:33 -0500
Subject: [PATCH] fix(back-to-top): target surface with `main` role in demo JS

---
 elements/rh-back-to-top/demo/color-context.html        | 2 +-
 elements/rh-back-to-top/demo/no-slotted-text.html      | 2 +-
 elements/rh-back-to-top/demo/on-a-scrollable-page.html | 2 +-
 elements/rh-back-to-top/demo/scroll-distance.html      | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/elements/rh-back-to-top/demo/color-context.html b/elements/rh-back-to-top/demo/color-context.html
index c7ba7f9a6c..f584822ae2 100644
--- a/elements/rh-back-to-top/demo/color-context.html
+++ b/elements/rh-back-to-top/demo/color-context.html
@@ -61,7 +61,7 @@
 <script type="module">
   /* add support for demo/fullscreen and dev server */
   const b2t = document.querySelector('rh-back-to-top');
-  const main = document.querySelector('main');
+  const main = document.querySelector('main, [role="main"]');
   // if main isn't scrollable use window
   if (window.getComputedStyle(main).overflow === 'scroll') {
     b2t.scrollableSelector = 'main';
diff --git a/elements/rh-back-to-top/demo/no-slotted-text.html b/elements/rh-back-to-top/demo/no-slotted-text.html
index c67d2153d4..ad7f0a56e3 100644
--- a/elements/rh-back-to-top/demo/no-slotted-text.html
+++ b/elements/rh-back-to-top/demo/no-slotted-text.html
@@ -39,7 +39,7 @@
 <script type="module">
   /* add support for demo/fullscreen and dev server */
   const b2t = document.querySelector('rh-back-to-top');
-  const main = document.querySelector('main');
+  const main = document.querySelector('main, [role="main"]');
   // if main isn't scrollable use window
   if (window.getComputedStyle(main).overflow === 'scroll') {
     b2t.scrollableSelector = 'main';
diff --git a/elements/rh-back-to-top/demo/on-a-scrollable-page.html b/elements/rh-back-to-top/demo/on-a-scrollable-page.html
index add520ad4e..985ff244f7 100644
--- a/elements/rh-back-to-top/demo/on-a-scrollable-page.html
+++ b/elements/rh-back-to-top/demo/on-a-scrollable-page.html
@@ -40,7 +40,7 @@
 <script type="module">
   /* add support for demo/fullscreen and dev server */
   const b2t = document.querySelector('rh-back-to-top');
-  const main = document.querySelector('main');
+  const main = document.querySelector('main, [role="main"]');
   // if main isn't scrollable use window
   if (window.getComputedStyle(main).overflow === 'scroll') {
     b2t.scrollableSelector = 'main';
diff --git a/elements/rh-back-to-top/demo/scroll-distance.html b/elements/rh-back-to-top/demo/scroll-distance.html
index 9637af1e23..536db664fa 100644
--- a/elements/rh-back-to-top/demo/scroll-distance.html
+++ b/elements/rh-back-to-top/demo/scroll-distance.html
@@ -41,7 +41,7 @@
 <script type="module">
   /* add support for demo/fullscreen and dev server */
   const b2t = document.querySelector('rh-back-to-top');
-  const main = document.querySelector('main');
+  const main = document.querySelector('main, [role="main"]');
   // if main isn't scrollable use window
   if (window.getComputedStyle(main).overflow === 'scroll') {
     b2t.scrollableSelector = 'main';