palantir/blueprint

ButtonGroup inside Label hover state styling bug

Open

#5289 aperta il 9 mag 2022

Vedi su GitHub
 (2 commenti) (0 reazioni) (0 assegnatari)TypeScript (2167 fork)batch import
P3Package: coreType: bughelp wanted

Metriche repository

Star
 (20.263 star)
Metriche merge PR
 (Merge medio 43g 10h) (27 PR mergiate in 30 g)

Descrizione

Environment

  • Package version(s): core v4.3.0
  • Operating System: macOS
  • Browser name and version: Chrome

Code Sandbox

https://codesandbox.io/s/blueprint-sandbox-forked-ge4jfc?file=/src/CoreExample.tsx

Steps to reproduce

  1. Hover over label text

Actual behavior

2022-05-09 09 53 34

First button in group styling changes to hover state. This is confusing because the first button continues to appear hovered even when a user hovers over one of the other buttons -- this makes it ambiguous what may be selected or clicked on "mousedown".

Expected behavior

No button hover styling when hovering over the label text. When hovering over one of the buttons, only that one should get hover styling.

Possible solution

Guida contributor

Direzione di ricerca
Investigare gli stili CSS dell'effetto hover su ButtonGroup quando annidato all'interno di Label. Cercare conflitti di selettori CSS o problemi di propagazione degli eventi che causano l'applicazione errata dello stato hover al primo pulsante.
Tech stack
typescriptreact
Dominio
frontend
Tipo issue
Bug
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
2
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
Mezza giornata
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Attiva
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
ReactCSS
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
65