Website links not working on mobile if already visited

[opencollective]

Website links not working on mobile if already visited

[znarf]

@Welkie Could you try to reproduce in a desktop environment? (making sure that your window size trigger the mobile view). And from there, check if there is an error in the browser console?

[mattwelke]

I was able to reproduce in a desktop environment. I used the debug tools to shrink my viewport to a mobile view. It did the exact same thing it did on my phone. In an effort to produce noticeable patterns in the output, I performed the click on the already-visited link three times in a row. But I don't think it affected the output:

Note that I noticed a stripe ID in the log, so I redacted it:

The JS log is as follows:

q.stripe.com/?event=elements.controller.load&event_count=1&timestamp=1524257248181&frame_width=511&version=2d4e878&features-noop=false&key=pk_live_qZ0OnX69UlIL6pRODicRzsZy&referrer=https%3A%2F%2Fopencollective.com%2Fngxs&stripe_js_id=<redacted>:1 GET https://q.stripe.com/?event=elements.controller.load&event_count=1&timestamp=1524257248181&frame_width=511&version=2d4e878&features-noop=false&key=pk_live_qZ0OnX69UlIL6pRODicRzsZy&referrer=https%3A%2F%2Fopencollective.com%2Fngxs&stripe_js_id=<redacted> 0 ()
Image (async)
value @ controller-e71ce3ca20d5a20e39ab349958e83eb7.js:1
value @ controller-e71ce3ca20d5a20e39ab349958e83eb7.js:1
(anonymous) @ controller-e71ce3ca20d5a20e39ab349958e83eb7.js:1
value @ controller-e71ce3ca20d5a20e39ab349958e83eb7.js:1
value @ controller-e71ce3ca20d5a20e39ab349958e83eb7.js:1
e @ controller-e71ce3ca20d5a20e39ab349958e83eb7.js:1
(anonymous) @ controller-e71ce3ca20d5a20e39ab349958e83eb7.js:1
bnjt @ controller-e71ce3ca20d5a20e39ab349958e83eb7.js:1
t @ shared-ec0ae7c30cc9bb559c2e42244716e269.js:1
4 @ controller-e71ce3ca20d5a20e39ab349958e83eb7.js:1
t @ shared-ec0ae7c30cc9bb559c2e42244716e269.js:1
window.webpackJsonp @ shared-ec0ae7c30cc9bb559c2e42244716e269.js:1
(anonymous) @ controller-e71ce3ca20d5a20e39ab349958e83eb7.js:1
collective.js:3 GET https://opencollective.com/proxy/images/?src=https%3A%2F%2Fimages.githubusercontent.com%2Fshrmnk&width=32 400 ()
value @ collective.js:3
commitLifeCycles @ app.js:31
t @ app.js:31
g @ app.js:31
_ @ app.js:31
h @ app.js:31
p @ app.js:31
enqueueForceUpdate @ app.js:31
o.forceUpdate @ app.js:31
u.forceRenderChildren @ app.js:7
t @ app.js:7
(anonymous) @ app.js:39
next @ app.js:39
(anonymous) @ app.js:39
(anonymous) @ app.js:39
(anonymous) @ app.js:39
e.broadcastQueries @ app.js:39
(anonymous) @ app.js:39
Promise.then (async)
(anonymous) @ app.js:39
e.fetchRequest @ app.js:39
e.fetchQuery @ app.js:39
t.setVariables @ app.js:39
t.setOptions @ app.js:39
u.updateQuery @ app.js:7
u.componentWillReceiveProps @ app.js:7
updateClassInstance @ app.js:31
beginWork @ app.js:31
o @ app.js:31
i @ app.js:31
s @ app.js:31
g @ app.js:31
_ @ app.js:31
h @ app.js:31
p @ app.js:31
updateContainer @ app.js:31
yn @ app.js:31
render @ app.js:39
a @ app.js:52
(anonymous) @ app.js:52
r @ app.js:23
(anonymous) @ app.js:23
e.(anonymous function) @ app.js:23
r @ app.js:7
(anonymous) @ app.js:7
t @ app.js:7
(anonymous) @ app.js:7
(anonymous) @ app.js:52
(anonymous) @ app.js:52
r @ app.js:23
(anonymous) @ app.js:23
e.(anonymous function) @ app.js:23
r @ app.js:7
(anonymous) @ app.js:7
t @ app.js:7
(anonymous) @ app.js:7
(anonymous) @ app.js:52
(anonymous) @ app.js:52
(anonymous) @ app.js:39
(anonymous) @ app.js:23
value @ app.js:39
value @ app.js:39
(anonymous) @ app.js:39
r @ app.js:23
(anonymous) @ app.js:23
e.(anonymous function) @ app.js:23
r @ app.js:7
(anonymous) @ app.js:7
Promise.then (async)
r @ app.js:7
(anonymous) @ app.js:7
t @ app.js:7
(anonymous) @ app.js:7
e @ app.js:39
value @ app.js:39
m.(anonymous function) @ app.js:12
value @ app.js:39
u @ app.js:31
invokeGuardedCallback @ app.js:39
invokeGuardedCallbackAndCatchFirstError @ app.js:39
h @ app.js:31
M @ app.js:31
v @ app.js:31
y @ app.js:31
A @ app.js:31
Hr @ app.js:39
Ee @ app.js:31
batchedUpdates @ app.js:31
Z @ app.js:31
xe @ app.js:31
opencollective.com/:1 GET https://opencollective.com/proxy/images/?src=https%3A%2F%2Fimages.githubusercontent.com%2Fshrmnk&width=45 400 ()

[mattwelke]

Another thing I noticed is that it's actually happening in desktop for me too, without the viewport being shrunk to a mobile width. I tested disabling my ad blocker too, and it did not help this.

[znarf]

@Welkie Coming back to you on this.

When you reported that issue, I was definitely able to reproduce it. Today, I wanted to have another look a it, and I can't reproduce it anymore.

Could you check again on your side?

[mattwelke]

@znarf The issue is still happening for me. I notice that it asked me to log in again. It hasn't done that in a while. Does this mean a new version of the site's front end was released? If so, what steps should I take to make sure I've got the latest version loading?

EDIT:

@znarf I did some more troubleshooting. Started a Chrome incognito window to visit it, assuming that would get me the latest version. It's still happening when the viewport is shrunk to mobile size triggering the mobile view.

[znarf]

🎉 This issue has been resolved in version 2.2.0 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀

[znarf]

@Welkie I finally could reproduce it properly and fixed it. Hope this is effectively working for you now!

[mattwelke]

@znarf Confirmed working now.