fixed styles and scrolling in Edge

Author: bmdalex

src/components/Dropdown/Dropdown.tsx

@@ -721,24 +721,22 @@ export default class Dropdown extends AutoControlledComponent<
     this.trySetState({ value: newValue, searchQuery: '' })
 
     if (!search && !multiple) {
-      this.setState({
-        defaultHighlightedIndex: items.indexOf(item),
-      })
+      this.setState({ defaultHighlightedIndex: items.indexOf(item) })
     }
 
     if (getA11ySelectionMessage && getA11ySelectionMessage.onAdd) {
       this.setA11yStatus(getA11ySelectionMessage.onAdd(item))
     }
 
-    if (search) {
+    if (multiple) {
       setTimeout(
         () =>
-          this.selectedItemsRef.current.scrollTo({
-            top: this.selectedItemsRef.current.scrollHeight,
-          }),
+          (this.selectedItemsRef.current.scrollTop = this.selectedItemsRef.current.scrollHeight),
         0,
       )
-    } else {
+    }
+
+    if (!search) {
       this.buttonRef.current.focus()
     }
 

src/themes/teams/components/Dropdown/dropdownStyles.ts

@@ -88,7 +88,7 @@ const dropdownStyles: ComponentSlotStylesInput<DropdownProps & DropdownState, Dr
     justifyContent: 'center',
     alignItems: 'center',
     userSelect: 'none',
-    right: 0,
+    right: pxToRem(5),
   }),
 }
 

src/themes/teams/components/Dropdown/dropdownVariables.ts

@@ -38,7 +38,7 @@ export default (siteVars): DropdownVariables => ({
   listItemBackgroundColor: siteVars.white,
   listItemBackgroundColorActive: siteVars.brand,
   listItemColorActive: siteVars.white,
-  selectedItemsMaxHeight: pxToRem(80),
+  selectedItemsMaxHeight: pxToRem(82),
   toggleIndicatorSize: pxToRem(32),
   width: pxToRem(356),
 })