Focus popup menus

PickerMenu.js

@@ -80,6 +80,10 @@ export default class PickerMenu extends Picker
     {
         if (e)
         {
+            if (!this.renderInput)
+            {
+                e.focus();
+            }
             e.style.visibility = 'hidden';
             e.style.overflowY = 'hidden';
             const anim = window.requestAnimationFrame || window.mozRequestAnimationFrame || window.msRequestAnimationFrame;
@@ -101,7 +105,9 @@ export default class PickerMenu extends Picker
     {
         const theme = this.props.theme || autocomplete_css;
         return (<div ref={this.animatePicker}
+            tabIndex={!this.props.renderInput ? 1 : undefined}
             className={theme.suggestions}
+            onKeyDown={this.onKeyDown}
             onMouseOver={this.onMouseOver}>
             {this.props.beforeItems}
             {this.props.items.map((e, i) => (<div key={i} id={i} onMouseDown={this.onMouseDown}

main.js

@@ -92,7 +92,7 @@ class Test extends React.PureComponent
                     {...p}
                     focused={undefined}
                     style={{marginBottom: '20px'}}
-                    className={button_css.button}>
+                    className={button_css.button+(p.focused ? ' '+button_css.pressed : '')}>
                     Меню
                 </button>}
                 items={NAMES}