fix(frontend): cursor de seta nos cantos do FAB do widget (border-radius exclui hit-test)
Pedido do usuário: "vira a mão quando está sobre a letra e não sobre o retângulo inteiro". O FAB flutuante é rounded-full 56x56 — Chrome exclui os cantos cortados desse quadrado do hit-test de elementos com border-radius, então o mouse nos cantos caía pro <div> de posicionamento por trás (sem cursor:pointer) em vez do botão. Clique dentro do círculo real sempre funcionou; só o cursor ficava inconsistente. Confirmado com hover real via Playwright piercing o shadow DOM. Fix: cursor-pointer no wrapper. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01BFaBaBSQGhyXGEgtTYZGV8
This commit is contained in:
13
TODO.md
13
TODO.md
@@ -2730,6 +2730,19 @@ botão de conectar fica só a setinha e não vira mão")
|
|||||||
`fs-config`, a config do agente via `getSoftphoneConfig`) e o
|
`fs-config`, a config do agente via `getSoftphoneConfig`) e o
|
||||||
console do navegador que o próprio usuário colou, sem precisar
|
console do navegador que o próprio usuário colou, sem precisar
|
||||||
tocar a conta real.
|
tocar a conta real.
|
||||||
|
- [x] **Achado real #3** (usuário: "vira a mão quando está sobre a letra
|
||||||
|
e não sobre o retângulo inteiro"): o FAB flutuante é um botão
|
||||||
|
`rounded-full` de 56x56 — o Chrome exclui os "cantos cortados"
|
||||||
|
desse quadrado do hit-test de qualquer elemento com border-radius,
|
||||||
|
então passar o mouse num canto (fora do círculo visível, dentro do
|
||||||
|
quadrado que os olhos percebem como área clicável) cai pro `<div>`
|
||||||
|
de posicionamento por trás do botão (sem `cursor:pointer`),
|
||||||
|
mostrando seta em vez de mão — mesmo o clique dentro do círculo
|
||||||
|
real sempre tendo funcionado. Confirmado com Playwright: hover
|
||||||
|
real (`page.mouse.move` + `:hover` através do shadow DOM) nos 4
|
||||||
|
cantos/bordas do quadrado mostrava `cursor:auto` nos cantos e
|
||||||
|
`pointer` só no centro/ícone/bordas retas. Fix: `cursor-pointer`
|
||||||
|
no `<div>` wrapper (`Widget.jsx`) que envolve o FAB.
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
|
|||||||
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user