Fix dropdown positioning bug; closes #252

docs/getting-started/changelog.md

@@ -8,7 +8,8 @@ _During the beta period, these restrictions may be relaxed in the event of a mis
 
 ## Next
 
-- Fix bug where `disabled` could be set when buttons are rendered as links
+- Fixed a bug where `disabled` could be set when buttons are rendered as links
+- Fixed a bug where hoisted dropdowns would render in the wrong position when place inside an `sl-dialog`
 - Improved `sl-dropdown` accessibility by attaching `aria-haspopup` and `aria-expanded` to the slotted trigger
 - Removed `console.log` from modal utility
 

src/components/alert/alert.scss

@@ -37,7 +37,7 @@
 
 .alert--open {
   opacity: 1;
-  transform: scale(1);
+  transform: none;
 }
 
 .alert__icon {

src/components/dialog/dialog.scss

@@ -55,7 +55,7 @@
 .dialog--open .dialog__panel {
   display: flex;
   opacity: 1;
-  transform: scale(1);
+  transform: none;
 }
 
 .dialog__header {

src/components/dropdown/dropdown.scss

@@ -53,6 +53,6 @@
 
   &.popover-visible .dropdown__panel {
     opacity: 1;
-    transform: scale(1);
+    transform: none;
   }
 }

src/components/tooltip/tooltip.scss

@@ -72,7 +72,7 @@
 
   &.popover-visible .tooltip {
     opacity: 1;
-    transform: scale(1);
+    transform: none;
     transition-delay: var(--show-delay);
     transition-duration: var(--show-duration);
     transition-timing-function: var(--show-timing-function);