react-component / menu

React Menu
https://menu.react-component.now.sh/
MIT License
682 stars 248 forks source link

`rc-menu` blinks on horizontal mode #331

Open Pet3ris opened 4 years ago

Pet3ris commented 4 years ago

Hi There,

I'm running the following code:

import React from "react";
import "./styles.css";
import Menu, { SubMenu, MenuItem, Divider } from "rc-menu";

export default function App() {
  return (
    <div className="App">
      <Menu multiple key="1" mode="horizontal" openAnimation="zoom">
        <SubMenu key="1" title="File">
          <MenuItem key="1">A</MenuItem>
          <MenuItem key="2">B</MenuItem>
          <Divider />
          <Divider />
          <Divider />
        </SubMenu>
        <SubMenu key="2" title="Help">
          <MenuItem>What</MenuItem>
        </SubMenu>
      </Menu>
      <h1>Hello CodeSandbox</h1>
      <h2>Start editing to see some magic happen!</h2>
    </div>
  );
}

and there is a blinking behaviour when setting the menu mode to horizontal.

Is this intentional?

Sandbox link here: https://codesandbox.io/s/cranky-haslett-o84iu?file=/src/App.js

thanhquang1988 commented 4 years ago

Same issue