Double tapping on link creates a double view

[AlexDM0]

Hi,

When using the example, if you click on a link twice quickly (so before the new view has finished the animation) it will trigger a duplicate of the required view to slide in. Is this something we need to check in our reducer implementation or is it a bug?

Very ugly workaround:

let startTime = new Date().valueOf();
let lastTime = new Date().valueOf();

const reducerCreate = params=>{
    const defaultReducer = Reducer(params);
    return (state, action)=>{
        // startTime so the application has booted, 250 for animation duration.
        if (new Date().valueOf() - lastTime < 250 && new Date().valueOf() - startTime > 1000) {
            return state;
        }
        lastTime = new Date().valueOf();
        return defaultReducer(state, action);
    }
};

I have a few big buttons that the user can click on and if they accidentally tap twice, I dont want to load 2 cards of the next view.

Regards

[evollu]

UIExplorer example has the same issue. I'm doing the same workaround

[slamus]

You should use the reducer to store the currentRoute somewhere in your app.
Then you check if the currentRoute is already set and prevent the route to be triggered twice.

[AlexDM0]

I had that before but then the example didn't work as it is calling a reference to itself. In production that wouldn't be the case so there your solution would indeed be better.

On 25 Mar 2016, at 10:21, Elie Slama notifications@github.com wrote:

You should use the reducer to store the currentRoute somewhere in your app.
Then you check if the currentRoute is already set and prevent the route to be triggered twice.

—
You are receiving this because you authored the thread.
Reply to this email directly or view it on GitHub

[aksonov]

Check 3.2.2, reducer doesn't change state for push the same route again.