palantir/blueprint

Button with a tooltip is not active on popup

Open

#5224 aperta il 4 apr 2022

Vedi su GitHub
 (0 commenti) (0 reazioni) (0 assegnatari)TypeScript (2167 fork)batch import
P2Package: popover2Type: 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 4.0.0, popover2 1.0.0
  • Operating System: macOS
  • Browser name and version: Chrome

Code Sandbox

https://codesandbox.io/s/blueprint-sandbox-forked-6pkjx7?file=/src/index.tsx

Steps to reproduce

  1. create a button with a tooltip and a popover
  2. click the button
  3. button is not in active state

Actual behavior

popover opens but button is not active

Expected behavior

button should be active

Possible solution

update styles to allow button to get active class from parent

Guida contributor

Direzione di ricerca
Il problema fornisce una riproduzione CodeSandbox. Indaga le classi CSS del componente Button e come lo stato attivo viene applicato quando è presente un tooltip. Concentrati sull'interazione del componente Popover2 con Button. Esamina i file SCSS rilevanti (ad esempio, button.scss o popover2.scss) per trovare dove viene attivata/disattivata la classe active. La correzione probabilmente comporta l'aggiornamento del CSS per consentire al pulsante di ricevere la classe active dal suo genitore quando il popover si apre.
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.
1-3 ore
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Attiva
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Abbastanza chiara
Prerequisiti
ReactCSS
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
75