Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

CSS transitions are lost after inlining #187

Open
josephrocca opened this issue Sep 4, 2018 · 0 comments
Open

CSS transitions are lost after inlining #187

josephrocca opened this issue Sep 4, 2018 · 0 comments

Comments

@josephrocca
Copy link

I haven't had time to dive into what's causing this, so I unfortunately don't have a minimal test case, but here's a test using a webpage that has some transitions (https://atomiks.github.io/tippyjs/):

Original webpage:

image

inliner https://atomiks.github.io/tippyjs/ webpage:

image

The main logo image is missing because it appears with a transition when the page loads (starts with top:-200px;).

The emoji images are missing too, but I think this is a separate problem because the image elements aren't actually in the inliner-generated HTML at all. I think the actual website adds them dynamically with javascript or something because they don't appear to be there when I use view-source in my browser. Here's the difference:

image

vs.

image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant