diff --git a/showcase/app/styles/showcase-pages/rich-tooltip.scss b/showcase/app/styles/showcase-pages/rich-tooltip.scss
index b6e7bc9f6b..fc016f6585 100644
--- a/showcase/app/styles/showcase-pages/rich-tooltip.scss
+++ b/showcase/app/styles/showcase-pages/rich-tooltip.scss
@@ -148,6 +148,12 @@ body.components-rich-tooltip {
}
}
}
+
+ .shw-component-rich-tooltip-within-dropdown-toggle {
+ padding: 20px;
+ background-color: yellow;
+ border: 1px solid red;
+ }
}
// we need to leave this out of the main selector to keep the specificity low
diff --git a/showcase/app/templates/components/rich-tooltip.hbs b/showcase/app/templates/components/rich-tooltip.hbs
index d97a73c07d..ea72c03794 100644
--- a/showcase/app/templates/components/rich-tooltip.hbs
+++ b/showcase/app/templates/components/rich-tooltip.hbs
@@ -1039,6 +1039,57 @@
+
+
+
+
+
+
+
+
+
+ Lorem ipsum dolor sit amet
+
+
+ Consectetur adipisicing elit
+
+
+
+
+
+
+
+
+
+
+
+
+ This is a standard interactive item
+
+
+
+
+
+ ⚠️ This is a bad idea, don't do it! ⚠️
+
+
+
+
+
+
+
+
+ This is also a standard interactive item
+
+
+
+
+
Base elements