0
votes

Comment travailler autour de l'élément animé rendu comme un carré noir (chrome bug)?

Chrome version 75.0.3770.100 (Build officiel) Arch Linux (64 bits).
Également observé sur Android dans Brave (également basé sur le chrome 75).

Je fais un carré de filature rempli d'un gradient blanc: p>

p>

<div class="spinning"></div>


3 commentaires

Pourriez-vous ajouter un peu pourquoi ce ne sont pas des cours de contournement viables? Comment pouvons-nous être sûrs que ceux que nous allons fournir seront.


En outre, définitivement un bug, simplement faire défiler jusqu'à ce que l'extrait est à peine visible le fera fonctionner ;-)


@Kaiido bon point, fait.


3 Réponses :


0
votes

Une autre solution de contournement consiste à déclencher une animation sur le pseudo-élément de votre élément code> Propriété CODE> Propriété:

p>

<div class="spinning"></div>


3 commentaires

Pensée intéressante. Cela déclenche une repeinte, mais il faut un moment (plus long que .1s) pour que cela soit lancé, alors je vois toujours une place noire pendant un moment.


Ah ... je ne le fais pas. Cependant, comme je l'ai dit, en regardant la vue sur l'arborescence des Dev-outils montrent que le: Après avoir continué à basculer infiniment. Ils ont certainement un bogue avec leur optimiseur de peinture. Vaut un rapport de bogue s'il n'est pas déjà


C'est aussi aléatoire pour moi, parfois je le vois, parfois pas



0
votes

a finalement résolu en ne pas compter sur retour de dos-visibilité code> mais simplement animation visibilité code> moi-même:

p>

<div class="spinning"></div>


0 commentaires

1
votes

Une autre solution consiste à envisager pseudo élément de créer des deux côtés et de ne pas avoir le bogue et vous pouvez facilement gérer chaque côté seul.

p>

<div class="spinning"></div>


1 commentaires

OOH, c'est une bonne approche.