Edge Stable version 89.0.774.50 introduces a bug in css Transform

%3CLINGO-SUB%20id%3D%22lingo-sub-2209007%22%20slang%3D%22en-US%22%3EEdge%20Stable%20version%2089.0.774.50%20introduces%20a%20bug%20in%20css%20Transform%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2209007%22%20slang%3D%22en-US%22%3E%3CP%3EOn%20Edge%26nbsp%3Bversion%2089.0.774.50%20all%20css%20transform%3A%20translate%20properties%20like%3A%3C%2FP%3E%3CPRE%20class%3D%22lia-code-sample%20language-css%22%3E%3CCODE%3Etransform%3A%20translate(3px%2C%203px)%3B%20%0Atransform%3A%20translateY(3px)%3B%0Atransform%3A%20translate3D(3px%2C%203px%2C%200)%3B%3C%2FCODE%3E%3C%2FPRE%3E%3CP%3Eapplied%20to%20svg%20elements%20(e.g.%20path)%20when%20used%20with%20a%20transition%20create%20a%20flicker.%3C%2FP%3E%3CP%3EYou%20can%20see%20the%20issue%20on%20stripe.com%20website%20or%20on%20my%20codepen%20which%20isolates%20the%20issue%3A%20%3CA%20href%3D%22https%3A%2F%2Fcodepen.io%2Fmicu22%2Fpen%2FvYybWWW%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fcodepen.io%2Fmicu22%2Fpen%2FvYybWWW%3C%2FA%3E.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-2209007%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3ECSS%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3ESVG%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3Etransform%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2209262%22%20slang%3D%22en-US%22%3ERe%3A%20Edge%20Stable%20version%2089.0.774.50%20introduces%20a%20bug%20in%20css%20Transform%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2209262%22%20slang%3D%22en-US%22%3EHi%2C%3CBR%20%2F%3Edid%20it%20start%20happening%20since%20version%20.50%20%3F%3CBR%20%2F%3Ebecause%20there%20is%20a%20new%20version%2089.0.774.54%20available%20now%2C%20maybe%20it%20fixed%20it%3C%2FLINGO-BODY%3E
New Contributor

On Edge version 89.0.774.50 all css transform: translate properties like:

transform: translate(3px, 3px); 
transform: translateY(3px);
transform: translate3D(3px, 3px, 0);

applied to svg elements (e.g. path) when used with a transition create a flicker.

You can see the issue on stripe.com website or on my codepen which isolates the issue: https://codepen.io/micu22/pen/vYybWWW.

4 Replies
Hi,
did it start happening since version .50 ?
because there is a new version 89.0.774.54 available now, maybe it fixed it

Cześć Proponuję nic nie sprawdzać tylko załadować nowa wersja Edge
89.0.774.54 Ja zainstalowałem i widzę
większą stabilność przy wersji Windows
20H2 Bulid 19042.867 Wspólne środowisko jest dziękuję ważne

@Andrzej2255 

Dzięki, wersja .54 rozwiązała problem.

 

To confirm the latest update 89.0.774.54 has solved the issue, the topic can be closed now.

Solved !
Doskonale takie informacje bardzo cieszą !
Należy pamiętać że aktualizacje szybko idą do przodu - cały zespół Microsoft
pracuje nad tym .
A zgłoszenia są potrzebne - dziękuję ci bardzo
Andrzej