poc iframe

index.html

@@ -161,7 +161,7 @@ <h3 class="p-2 text-2xl text-center uppercase w-full">
     </div>
   </div>
 </header>
-
+<iframe id="test" src="http://localhost:9002/test.html" width="500" height="500"></iframe>
 <main>
   <div class="font-heading mt-8 text-6xl text-center uppercase w-full">
     <img

landing/js/welcome.js

@@ -26,6 +26,7 @@
           text: '\n         <p>\n           Shepherd is a JavaScript library for guiding users through your app.\n           It uses <a href="https://popper.js.org/" data-test-popper-link>Popper.js</a>,\n           another open source library, to render dialogs for each tour "step".\n         </p>\n        \n         <p>\n           Among many things, Popper makes sure your steps never end up off screen or cropped by an overflow.\n           (Try resizing your browser to see what we mean.)\n         </p>\n',
           attachTo: {
             element: '.hero-welcome',
+            // element:  document.getElementById('test').contentWindow.document.querySelector('h1'),
             on: 'bottom'
           },
           buttons: [
@@ -58,7 +59,8 @@
         title: 'Including',
         text: element,
         attachTo: {
-          element: '.hero-including',
+          // element: '.hero-including',
+          element:  document.getElementById('test').contentWindow.document.querySelector('h1'),
           on: 'bottom'
         },
         buttons: [

test.html

@@ -0,0 +1 @@
+<h1>Heading 1</h1>