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:
2026-08-31 16:40:22 -03:00
parent dd095077dd
commit 6c23513f42
2 changed files with 14 additions and 1 deletions

13
TODO.md
View File

@@ -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
console do navegador que o próprio usuário colou, sem precisar
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.
---