used buttonNode for consistency

microsoft · Jan 4, 2019 · 97758c2 · 97758c2
1 parent 96a61ab
commit 97758c2
Showing 1 changed file with 8 additions and 4 deletions.
diff --git a/src/components/Dropdown/Dropdown.tsx b/src/components/Dropdown/Dropdown.tsx
@@ -133,9 +133,9 @@ export default class Dropdown extends AutoControlledComponent<
   Extendable<DropdownProps>,
   DropdownState
 > {
+  private buttonNode: HTMLElement
   private inputNode: HTMLElement
   private listNode: HTMLElement
-  private buttonRef = React.createRef<HTMLElement>()
 
   static displayName = 'Dropdown'
 
@@ -289,7 +289,11 @@ export default class Dropdown extends AutoControlledComponent<
     const content = value && !multiple ? itemToString(value) : placeholder
 
     return (
-      <Ref innerRef={this.buttonRef}>
+      <Ref
+        innerRef={(buttonNode: HTMLElement) => {
+          this.buttonNode = buttonNode
+        }}
+      >
         <Button
           content={content}
           fluid
@@ -664,7 +668,7 @@ export default class Dropdown extends AutoControlledComponent<
         return
       case keyboardKey.Escape:
         accessibilityInputPropsKeyDown(e)
-        this.buttonRef.current.focus()
+        this.buttonNode.focus()
         return
       default:
         accessibilityInputPropsKeyDown(e)
@@ -684,7 +688,7 @@ export default class Dropdown extends AutoControlledComponent<
       this.setA11yStatus(getA11ySelectionMessage.onAdd(item))
     }
     if (!search) {
-      this.buttonRef.current.focus()
+      this.buttonNode.focus()
     }
 
     // we don't have event for it, but want to keep the event handling interface, event is empty.