using Flip to move component to new page

[JackPhat]

Hi I want to create a Flip from the header to a new page like this website

But when I click it don't append the child to the container

I can't access to codepen in my country

So I have created a stackblitz  page instead

[Rodrigo]

Hi,

 

Yeah  that doesn't look as the simplest thing to do. If you inspect the element with devtools you'll see that the dropdown element from the menu is never re-parented and also I wouldn't choose that route actually. If you go from about to news and then use the back button of the browser you'll see that.

 

What you have to do is find an HTML structure for every page that matches the corresponding dropdown element on the layout and that will allow you to resemble that, the thing is that when the page transition runs the element in the target page is behind the dropdown element, that gives the idea that is the menu element the one being expanded.

 

Finally I find super weird that you can't access codepen in your country, can't recall any user reporting that in over 10 years 🤷‍♂️, but that really sucks 😞

[Rodrigo]

Also that site is on our showcase (made with GSAP) and they're using Wordpress

[JackPhat]

11 hours ago, Rodrigo said:

Hi,

 

Yeah  that doesn't look as the simplest thing to do. If you inspect the element with devtools you'll see that the dropdown element from the menu is never re-parented and also I wouldn't choose that route actually. If you go from about to news and then use the back button of the browser you'll see that.

 

What you have to do is find an HTML structure for every page that matches the corresponding dropdown element on the layout and that will allow you to resemble that, the thing is that when the page transition runs the element in the target page is behind the dropdown element, that gives the idea that is the menu element the one being expanded.

 

Finally I find super weird that you can't access codepen in your country, can't recall any user reporting that in over 10 years 🤷‍♂️, but that really sucks 😞

Thanks for the response,

I will try to find it 

About codepen, so currently I live in Vietnam and I think they have blocked all the accesses from our country.

I have also tried to use VPN but it's not working either.