message: fix(menu): Delay focus to prevent scrolling
diff: @@ -62,6 +62,7 @@ const List = styled('ul')({
  export default class Menu extends React.Component<MenuProps, MenuState> {
  private id = uuid();
  + private animateId: number;
  private menuRef: React.RefObject<HTMLUListElement>;
  private firstCharacters: string[];
  @@ -89,9 +90,11 @@ export default class Menu extends React.Component<MenuProps, MenuState> {
  if (this.props.isOpen && !prevProps.isOpen) {
  this.setInitialSelectedItem();
  }
  + this.animateId = requestAnimationFrame(() => {
  if (this.props.isOpen && this.menuRef.current) {
  this.menuRef.current.focus();
  }
  + });
  }
  componentDidMount() {
  @@ -99,6 +102,10 @@ export default class Menu extends React.Component<MenuProps, MenuState> {
  this.setInitialSelectedItem();
  }
  + componentWillUnmount() {
  + cancelAnimationFrame(this.animateId);
  + }
  +
  public render() {
  // TODO: Standardize on prop spread location (see #150)
  const {
  