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:

https://streamable.com/6ucfrl

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:
Created 3 years ago
Comments:18 (9 by maintainers)

Top GitHub Comments

1reaction

justintaddeicommented, Oct 7, 2020

Thank you for bringing the issue to my attention!

1reaction

Chaphasilorcommented, Oct 7, 2020

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

Top 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 ...

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.

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...

The Guide to Nested Routes with React Router - ui.dev

In this comprehensive, up-to-date guide, you'll learn everything you need to know about creating nested routes with React Router.

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 http://www.w3schools.com/cssref/css_selectors.asp ` and per the ......