UI - add wormhole div for ember-basic-dropdown (#6760)

* add wormhole div for ember-basic-dropdown * add content to the PopupMenu story
hashicorp · May 20, 2019 · c23c50b · c23c50b
1 parent c365b07
commit c23c50b
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 1 deletion.
diff --git a/ui/.storybook/config.js b/ui/.storybook/config.js
@@ -29,6 +29,9 @@ addDecorator(storyFn => {
   assign(element.style, styles.style);
 
   const innerElement = document.createElement('div');
+  const wormhole = document.createElement('div');
+  wormhole.setAttribute('id', 'ember-basic-dropdown-wormhole');
+  innerElement.appendChild(wormhole);
 
   element.appendChild(innerElement);
   innerElement.appendTo = function appendTo(el) {

diff --git a/ui/stories/popup-menu.stories.js b/ui/stories/popup-menu.stories.js
@@ -9,7 +9,17 @@ storiesOf('PopupMenu/', module)
   .add(`PopupMenu`, () => ({
     template: hbs`
         <h5 class="title is-5">Popup Menu</h5>
-        <PopupMenu/>
+        <PopupMenu>
+          <nav class="menu">
+            <ul class="menu-list">
+              <li class="action">
+                <button type="button" class="button link">
+                  Popup content goes here!
+                </button>
+              </li>
+            </ul>
+          </nav>
+        </PopupMenu>
     `,
     context: {},
   }),