react-component / react-component/menu

`rc-menu` blinks on horizontal mode

オープン
#331 コメント 1 件 リアクション 0 件 担当者 0 名 GitHub で見る

まだ誰も着手していません。

主要言語
TypeScript
スター
701
フォーク
266
平均マージ
4日 11時間
マージ済み PR(30日)
3

説明

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

コントリビューションガイド

このリポジトリのコントリビューションガイドは索引されていません

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

調査の方向性

リンク先の CodeSandbox の src/App.js で、openAnimation="zoom" を指定した horizontal モードの Menu を使用して再現から始めます。点滅の挙動を確認し、horizontal モードのレンダリングパスを追跡します。報告された設定で提供されたメニューが点滅しなくなれば完了です。

索引モデルが issue の本文から書いたものです。

評価

技術スタック
react, typescript
領域
frontend
issue の種類
バグ
難易度
3/5
見積もり時間
1〜2日
活発さ
停滞
明瞭さ
おおむね明確
初心者へのやさしさ
35/100

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。