Hacktoberfest 2026: le issue che i maintainer hanno segnato per ottobre, aperte e adatte ai principianti. Sfoglia le issue Hacktoberfest

Tooltip jumping on sticky component

Aperta
#214 2 commenti 8 reazioni 0 assegnatari Vedi su GitHub

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
4/5
Tempo stimato
3-5 giorni
Idoneità per principianti
35/100
Tipo di issue
Bug
Chiarezza
Abbastanza chiara
Stato di attività
Ferma
Stack tecnologico
react, typescript
Ambito
frontend

Direzione di ricerca

Inizia riproducendo il comportamento di salto dell’utilizzo di Tooltip fornito, con più tooltip all’interno di un selettore di date sticky, usando lo screencast collegato come sintomo atteso. Traccia il comportamento del posizionamento e della disposizione durante lo scorrimento sticky; il lavoro è completato quando il tooltip rimane posizionato correttamente senza dipendere da wrapper relativi.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

We render many tooltips on a date picker, the date picker is on a sticky component. As some points on the page, the tooltip jumps around. Any idea what is happening and how we can fix it? We've tried adding relative wrappers but no luck. I know it is from the sticky component but I am not sure how to get it resolved.

Here is a screencast of the issue: https://share.vidyard.com/watch/1iyQFAAjHbfL7E4AL1aPKM?

Version:

"rc-tooltip": "^4.0.3",

Code (looping over this for each day which j is the week and i is the day):

<Tooltip
  placement="top"
  id={`tooltip-${j}-${i}`}
  mouseLeaveDelay={0}
  overlay={ day.disabled }
>
	<div {...}>
    	<span>{ day.date ? format(day.date, 'd') : '' }</span>
	</div>
</Tooltip>
Lingua principale
TypeScript
Stelle
944
Fork
199
Merge medio
19h 1m
PR unite (30g)
3

Guida per i contributori

Nessuna guida per i contributori indicizzata per questo repository

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di react-component/tooltip

Tutte le issue di react-component/tooltip

Issue simili

Altre issue su TypeScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.