Overlapping views during Transition about highway

[Anthodpnt]

We are is the final testing phase of the last features that are including the contextual transitions and transitions overlapping.

We cannot give you a release date yet but we are working hard to release those features as soon as possible :)

[joshkirk-zero]

Hi folks, I've added this, as well as the ability to fire a custom/contextual transition on click...

[redacted part about stuff that has changed and will release with v2.1.0].

[joshkirk-zero]

Hey all, went back and edited my previous response, which included a stop-gap solution in the form of built highway files with slight modifications.

Instead, a new release is coming that allows for everything discussed here + more! 👍

[Anthodpnt]

Hey guys,

The last release v2.1.0 allows now to create overlapping transitions.
You can get an example right here.

Enjoy!
Anthodpnt

[Anthodpnt]

Hey @mikehwagz !

You're right, good catch, we are trying to think about all possible scenarios but we are missing some indeed and that's why contributions like yours is important to us.

We are going to work on a solution for that as soon as possible and keep you in touch when it'll be released. We are going to add the data-router-view earlier in the process, when the old one starts to hide and you'll have to style it the way you need to display properly using position: absolute or something else to fit the needs of your transition... Does it look good to you ?

Best regards,
Anthodpnt

[Anthodpnt]

The problem I see though is that to do this kind of transition we have to fetch the next page before we start to hide the new one. This means that on slow networks when users will click a link the fetching could take a bit of time leaving the user with no response to the action he did and your site will just look buggy...

We are not considering prefetching a page when users will hover a link before it could easily result in multiple useless HTTPRequests...

[mikehwagz]

Hey @Anthodpnt! Thanks so much for the quick responses.

Because this feature is only necessary for certain kinds of transitions, perhaps it could be an opt-in feature via an option.

Additionally, since not all transitions would benefit from this feature, it would be ideal to be able to opt-in on a per-transition basis. Does that make sense?

At the same time, I understand that a primary goal of Highway is simplicity and adding config options could easily become a mess over time.

[Anthodpnt]

Yes that's right, but making an opt-in option for this that change the all process of the transition could result in pretty ugly and hard to maintain scripts. Another goal is to keep it lightweight so if we have to add lot of conditional statements to take this option into account we make miss this goal to.

I really understand your need here but after thinking about it doesn't seem to be a good idea yet. We would be really sad if you don't give a try to Highway because of one transition while there is a bunch of possibilities.

However as you can see I labelled this issue with help wanted and I'll leave it open so that maybe someone out there have THE solution to meet our goal and give you this feature you as. Until then we are going to keep thinking about that and keep you in touch if we have a solution.

Thanks a lot for your feedback,
Anthodpnt

[mikehwagz]

Completely understood! I respect the desire to keep this as simple and lightweight as possible.

Thanks for all your feedback. I'll definitely be thinking about it as well.

[michaelkoelewijn]

@Anthodpnt @mikehwagz any update on this? This is a feature i require before i make the decision to incorporate this plugin to my projects. It looks amazing already, but a lot of my transitions need both views to be active at the same time.

[ThaoD5]

@michaelkoelewijn glad to hear you consider using Highway for your project,

Unfortunately, for this "request", it is not near-to-be implemented yet, as it didn't really progress about this since @Anthodpnt 's last message.

As said, we're looking for solutions on this & inputs for a potential way of allowing this feature without having to completely modify the lightweight-core of Highway / add a second "core".

So if you need this feature really soon in order to use on a project that is going live soon, there may be a lot of chances that we're still figuring it out, or working on it.

I hope this will not prevent you from using Highway on other projects :-)

Have a great day,
Thao

[michaelkoelewijn]

@ThaoD5 Thanks for your reply.
I haven't used Highway in any of my projects yet as i'm still looking for that "best" plugin to use.
Currently i'm using Barba.js a lot but Highway looks like it does the job faster and the code is easier (kudos for that).

I hope this feature can be added to the project. If not, i'll still come back if my art director decides to think of a page animation that relies on an overlay (like in your demos). Good luck with the project!

[Anthodpnt]

Thanks a lot @joshkirk-zero !

I have merged the pull request and I'll analyze and try it on the develop branch.
I'll keep you in touch when it'll be released with the contextual transitions :).

[michaelkoelewijn]

I see great progress here!
What's the current status?

[michaelkoelewijn]

Hey guys,

The last release v2.1.0 allows now to create overlapping transitions.
You can get an example right here.

Enjoy!
Anthodpnt

Awesome! I'll give this a shot in a demo project. If all works as expected i'm using this piece of code in future projects!