Hovering Button with Tooltip in a PreviewTrigger Popover closes the Popover

Abierto
#10,460 1 comentario 0 reacciones 0 asignados Ver en GitHub

Los mantenedores suelen responder en 1 día

Nadie ha tomado este issue todavía.

  • #10465 de @waterWang — cerrado sin fusionar

Evaluación

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

Línea de trabajo

Empieza ejecutando la reproducción vinculada de StackBlitz en src/App.tsx e inspecciona cómo interactúan PreviewTrigger Popover, Button y Tooltip al pasar el cursor por encima. Confirma que Tooltip se muestra normalmente mientras Popover permanece abierto, incluido el escenario del botón de icono de configuración de zona horaria descrito en el issue.

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

Descripción

Provide a general summary of the issue here

When a Button inside the PreviewTrigger's Popover has a Tooltip, hovering the Button closes the Popover immediately.

🤔 Expected Behavior?

The Tooltip should display per usual and the PreviewTrigger's Popover should remain open.

😯 Current Behavior

The PreviewTrigger Popover closes when the user's pointer hovers over the Button that is used as a Tooltip trigger.

💁 Possible Solution

No response

🔦 Context

In a Popover component that displays user's locale and UTC date strings, I'd like to include a gear icon Button that links to timezone settings; to remain accessible the icon button needs a RAC Tooltip i.e. "Timezone settings".

🖥️ Steps to Reproduce

https://stackblitz.com/edit/sb1-m6jng7rc?file=src%2FApp.tsx

Version

1.20.0

What browsers are you seeing the problem on?

Chrome

If other, please specify.

No response

What operating system are you using?

macOS

🧢 Your Company/Team

No response

🕷 Tracking Issue

No response

Lenguaje dominante
TypeScript
Estrellas
16k
Forks
1.6k
Merge medio
2 d 19 h
PR fusionados (30 d)
41

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 adobe/react-spectrum

Todos los issues de adobe/react-spectrum

Issues similares

Más issues de TypeScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.