Skip to content

Default collapse animation not working anymore on chrome #31

Closed
@Azurox

Description

@Azurox

I tested on multiple device, it looks like the default Collapse animation stopped working on Chrome

<Collapse :when="isExpanded">
    ...
</Collapse>

A workaround is using a custom transition

<Collapse :when="isExpanded" class="v-collapse">
  ....
</Collapse>

<style>
.v-collapse {
  transition: height 300ms ease-out;
  /* or transition: height var(--vc-auto-duration) ease-in-out */
}
</style>

Did not have time to investigate but it looks like the appended transition is all for some reason, instead of height var(--vc-auto-duration) etc...

Thanks

Metadata

Metadata

Assignees

Labels

bugSomething isn't working

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions