Skip to content

SVG element v-show transition Chrome problem #2396

@fobdy

Description

@fobdy

It seems that no transition leave happens when using v-show with CSS transition on SVG elements in Chrome. Only transition enter happens. But with Firefox everything is working fine.

v-if may be affected too.

Chrome version

48.0.2564.103 (64-bit) OS X.

Vue.js version

1.0.16

Reproduction Link

http://jsfiddle.net/fobdy/bd70chpp/1/

Steps to reproduce

Just use some fade css transition with v-show on any SVG element.

What is Expected?

Element fades in and out.

What is actually happening?

Element fades in, but no fade out happens. Element is just hiding.

Update: in Firefox it's working periodically. Sometimes strange behavior is also detected.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions