Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Excluding children and nested shared-elements

See original GitHub issue

I have a shared element with includeChildren: true. This transitions a small card into a larger, more detailed one. On the larger card, some elements exist that are also on the smaller card, but not all.

So I’m trying to transition the smaller card into the larger one, but also having shared elements inside the smaller card that have a matching element in the larger card.
The problem I’m facing is that I can’t exclude these inner shared elements, causing illusory to transition them twice, and to different locations. Here’s a video demo:

If you look at the progress bar (the gray one), you can see how two copies of it are created.
Is it somehow possible to prevent this? I know you can filter out elements in Illusory, but the processClone option doesn’t seem to be available in the v-shared-element-options…

I think excluding some would be a far better option than manually transitioning every single element using includeChildren: false

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:18 (9 by maintainers)

github_iconTop GitHub Comments

justintaddeicommented, Oct 7, 2020

Thank you for bringing the issue to my attention!

Chaphasilorcommented, Oct 7, 2020

Just updated the package and IT LOOKS AWESOME!
Thanks again!

Read more comments on GitHub >

github_iconTop Results From Across the Web

exclude nested children - jquery - Stack Overflow
The following script enables/disables their nested form controls using a for:x class name. The problem is that nested for:y elements are being ...
Read more >
About Nesting and Sharing Loadable Families | Revit 2018
You can nest (insert) families within other families to create new families that contain the combined family geometry.
Read more >
Child and Sibling Selectors - CSS-Tricks
I think the nested list is a perfect example of why this selector is ... selectors the logic takes place within the same...
Read more >
The Guide to Nested Routes with React Router -
In this comprehensive, up-to-date guide, you'll learn everything you need to know about creating nested routes with React Router.
Read more >
use nth-child on nested elements - Codecademy
I have tried using li a:nth-child() as seen bellow to change the link inside the li as per ` and per the ......
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Post

No results found

github_iconTop Related Hashnode Post

No results found