From 534dd23c15fbd868544f82d7d55790020a30d0e2 Mon Sep 17 00:00:00 2001
From: Yiin <stanislovas.janonis@gmail.com>
Date: Mon, 30 Sep 2019 07:32:29 +0300
Subject: [PATCH] Focus dropdown

---
 components/popper/Popper.js | 22 ++++++++++++++++++++--
 1 file changed, 20 insertions(+), 2 deletions(-)

diff --git a/components/popper/Popper.js b/components/popper/Popper.js
index dd7af3fc8..5d6d4f336 100644
--- a/components/popper/Popper.js
+++ b/components/popper/Popper.js
@@ -1,11 +1,29 @@
-import React from 'react';
+import React, { useEffect } from 'react';
 import PropTypes from 'prop-types';
 import Portal from '../portal/Portal';
 
 const Popper = React.forwardRef(({ children, position, isOpen, role = 'tooltip', ...rest }, ref) => {
+    useEffect(() => {
+        if (isOpen) {
+            ref.current.focus();
+        }
+    }, [isOpen]);
+
     return (
         <Portal>
-            <div {...rest} ref={ref} style={position} role={role} hidden={!isOpen} aria-hidden={!isOpen}>
+            <div
+                {...rest}
+                ref={ref}
+                style={{
+                    outline: 'none',
+                    ...position
+                }}
+                role={role}
+                hidden={!isOpen}
+                aria-hidden={!isOpen}
+                aria-modal="true"
+                tabIndex="-1"
+            >
                 {children}
             </div>
         </Portal>