Hacktoberfest 2026: los issues que los mantenedores marcaron para octubre, abiertos y aptos para principiantes. Explorar issues de Hacktoberfest

`rc-menu` blinks on horizontal mode

Abierto
#331 1 comentario 0 reacciones 0 asignados Ver en GitHub

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
3/5
Tiempo estimado
1-2 días
Aptitud para principiantes
35/100
Tipo de issue
Error
Claridad
Bastante claro
Estado de actividad
Estancado
Stack tecnológico
react, typescript
Área
frontend

Línea de trabajo

Comienza con la reproducción en src/App.js del CodeSandbox enlazado, usando Menu en modo horizontal con openAnimation="zoom". Confirma el comportamiento de parpadeo y sigue la ruta de renderizado del modo horizontal; se considera terminado cuando el menú proporcionado ya no parpadee con la configuración indicada.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

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

Lenguaje dominante
TypeScript
Estrellas
701
Forks
266
Merge medio
4 d 11 h
PR fusionados (30 d)
3

Guía de contribución

No hay ninguna guía de contribución indexada para este repositorio

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de react-component/menu

Todos los issues de react-component/menu

Issues similares

Más issues de TypeScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.