web-dev-qa-db-fra.com

Violation Redistribution forcée lors de l'exécution de Javascript dans la console lorsque l'info-bulle apparaît sur la poignée du curseur

J'ai une page Web avec quelques éléments et Ant.design slider présent aussi. Les valeurs du curseur sont contrôlées par React state. Lorsque l'info-bulle du curseur est activée, le curseur est très lent et dans la console, je vois un message [Violation] Forced reflow while executig Javascript took ....

enter image description here

Lorsque l'info-bulle du curseur est désactivée, la vitesse du curseur devient normale. Le message apparaît également dans la console si je pointe une souris sur la poignée du curseur (sans déplacer la poignée).

Comment puis-je corriger un mauvais comportement avec l'infobulle? Merci d'avance!

6
Evgeniy

Le curseur avec info-bulle est une fonctionnalité standard qui fonctionne normalement bien, il est donc probable que vous ayez un problème de performances dans votre code.

Voir la réponse acceptée à La tâche JavaScript de longue durée en cours d'exécution a pris xx ms pour obtenir des conseils utiles sur la façon de localiser les problèmes.

Pour une aide plus détaillée, vous devez publier votre code, de préférence comme exemple exécutable.

3
Jesper We