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

[v11] Menu: Menu.Portal and Menu.Item with href incompatible

Abierto
#8,446 0 comentarios 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
45/100
Tipo de issue
Error
Claridad
Bastante claro
Estado de actividad
Estancado
Stack tecnológico
nextjs, react
Área
frontend

Línea de trabajo

Comienza con los puntos de entrada Menu.Portal y Menu.Item mostrados en el issue y luego reproduce el ejemplo TSX proporcionado usando NextLink. Rastrea el comportamiento del clic cuando un elemento tiene un href y se renderiza mediante Menu.Portal; se considera terminado cuando seleccionar Home o About cierra el menú y realiza la navegación esperada.

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

Descripción

Status: Needs Triage
Describe the bug

Description
This is a simplified version of my component:

<Menu>
  <Menu.Trigger>
    <span>Menu</span>
  </Menu.Trigger>
  <Menu.Portal>
    <Menu.List>
      <Menu.Item as={NextLink} href="/">
        Home
      </Menu.Item>
      <Menu.Item as={NextLink} href="/about">
        About
      </Menu.Item>
    </Menu.List>
  </Menu.Portal>
</Menu>

When using the Menu component with Menu.Portal and Menu.Item rendered as link (as={NextLink}), clicking the menu item closes the dropdown without triggering the actual navigation to the href.

Environment

  • PrimeReact: 11.0.0-alpha.9
  • React: 19.2.0
  • Next.js: 15.5.9
  • Tailwindcss: 4.1.17

Suspected Cause
It appears the click event handler that closes the Portal is preventing the default link behavior or stopping event propagation before the NextLink can trigger its navigation. The event sequence seems to prioritize closing the Portal over following the href.

Reproducer

No response

System Information
System:
    OS: Windows 11 10.0.26200
    CPU: (22) x64 Intel(R) Core(TM) Ultra 7 165H
    Memory: 10.30 GB / 31.46 GB
  Binaries:
    Node: 23.10.0 - C:\nvm4w\nodejs\node.EXE
    npm: 10.9.2 - C:\nvm4w\nodejs\npm.CMD
  Browsers:
    Chrome: 143.0.7499.147
    Edge: Chromium (140.0.3485.54)
    Firefox: 141.0 - C:\Program Files\Mozilla Firefox\firefox.exe
Steps to reproduce the behavior

See code snippet

Expected behavior

No response

Lenguaje dominante
CSS
Estrellas
8.3k
Forks
1.2k
Métricas de merge de PR
Sin PR fusionados en 30 d

Preparar el entorno

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 primefaces/primereact

Todos los issues de primefaces/primereact

Issues similares

Más issues de Web Dev

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.