Add and document the need for <BasicDropdownWormhole />

hashicorp · May 17, 2024 · f54c713 · f54c713
1 parent 5686cc8
commit f54c713
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 1 deletion.
diff --git a/website/app/styles/doc-components/banner.scss b/website/app/styles/doc-components/banner.scss
@@ -58,6 +58,11 @@
   .doc-markdown-li {
     @include doc-font-style-body-small();
   }
+
+  .doc-code-block__code-snippet,
+  .doc-code-block {
+    margin: 0 !important;
+  }
 }
 
 

diff --git a/website/app/templates/application.hbs b/website/app/templates/application.hbs
@@ -23,4 +23,6 @@
   @currentTopRoute={{this.currentTopRoute}}
 />
 {{outlet}}
-<Doc::Page::Footer />
+<Doc::Page::Footer />
+
+<BasicDropdownWormhole />
diff --git a/website/docs/components/form/super-select/partials/code/how-to-use.md b/website/docs/components/form/super-select/partials/code/how-to-use.md
@@ -4,6 +4,16 @@ Super Select is a custom select-like component aiming to overcome some limitatio
 
 It’s primarily a wrapper for [ember-power-select](https://ember-power-select.com) and uses the 8.2.0 version with specific accessibility and styling choices that best fit our design system.
 
+!!! Warning
+
+ember-power-select 8.0, and by extension the Super Select component, requires the following line in your `application.hbs`. [Read more about migrating from 7.0 to 8.0](https://ember-power-select.com/docs/migrate-7-0-to-8-0).
+
+```markup
+<BasicDropdownWormhole />
+```
+
+!!!
+
 We provide two main components with similar APIs: `Form::SuperSelect::Single` and `Form::SuperSelect::Multiple`.
 
 **There are two ways to use each of the Super Select component types:**