Skip to content
This repository was archived by the owner on Apr 14, 2020. It is now read-only.
This repository was archived by the owner on Apr 14, 2020. It is now read-only.

Reveal animation issues #80

@itsdouges

Description

@itsdouges

Kind of a bug but not really.

Currently reveal animates using height or width - this makes things harder because it's affecting the flow of the page. Performance isn't the main worry here - it's the position of the focal element changing because its parent containers dimensions are changing.

In the #75 PR up we work around this in two ways:

  1. Props to turn off XY transitions when appropriate (really just a band aid solution)
  2. Prop to optionally transition using clip-path which means the parent container never has its dimensions changed. This results is the transition working in all scenarios, but sacrifices browser compatibility (IE/Edge).

I think there can probably be a middle ground where we can force the parent to always have a fixed size then animate the contents, but its a little more involved for the consumer than I would have liked.

Metadata

Metadata

Assignees

No one assigned

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions