patternfly / patternfly/patternfly-react

Bug - [MenuToggle] - [No way to show a tooltip with a disabled MenuToggle]

Abierto
#12,500 2 comentarios 1 reacción 0 asignados Ver en GitHub

Nadie ha tomado este issue todavía.

Stale
Lenguaje dominante
TypeScript
Estrellas
862
Forks
392
Merge medio
4 d 8 h
PR fusionados (30 d)
9

Descripción

Describe the problem

Following the aria disabled button with tooltip example, I want to apply the same to the MenuToggle but it has no isAriaDisabled or support to show a tooltip when the MenuToggle is disabled

How do you reproduce the problem?

import { MenuToggle, Tooltip } from '@patternfly/react-core';

export const MenuToggleDisabled: React.FunctionComponent = () => <Tooltip content="spooky"><MenuToggle isDisabled>Disabled</MenuToggle></Tooltip>;

Expected behavior

isAriaDisabled is supported and showing a tooltip works.

Is this issue blocking you?

No, for now we just show a disabled DropdownItem when no menu items are available.

Screenshots
If applicable, add screenshots to help explain the issue.

What is your environment?

  • OS: [e.g. iOS]
  • Browser [e.g. chrome, safari]
  • Version [e.g. 22]

What is your product and what release date are you targeting?

Cockpit.

Any other information?

None.


Jira Issue: PF-4329

Guía de contribución

Abrir la guía de contribución

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.

Línea de trabajo

Comienza con el componente MenuToggle y compara su comportamiento cuando está deshabilitado con el ejemplo de botón ARIA-disabled enlazado en el issue. Verifica la reproducción de MenuToggle envuelto en Tooltip y, después, añade compatibilidad con isAriaDisabled y pruebas que demuestren que un MenuToggle deshabilitado puede mostrar su tooltip.

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

Evaluación

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

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.