[Self hosted] When i scan the code nothing happens

[VozDeOuro]

No description provided.

[guyzyl]

Can you provide more context on the issue? Do you see any errors in the console?

[VozDeOuro]

sorry my fault
the only thing that appears on the terminal is this

i just remove some tokens

[guyzyl]

I think I know what the issue is.
There's an issue where in some cases the web socket gets reconnected, and then your WhatsApp session in the backend isn't linked to the correct WS.
I was planning on deprecating the WS approach as it contains a lot of bugs, and replacing it with web hooks.
I'll try to get around to it soon and fix the underlying issue.

In the meantime, usually clearing browser cache and refreshing the page will solve the issue.

[VozDeOuro]

ok thx
i tried with 3 different browsers none of them work :|
on the mobile its keep trying read the QR code with no success

[guyzyl]

That sucks, I'll try to get it fixed during the weekend.

[VozDeOuro]

thx :)

[VozDeOuro]

hey :)
did you manage to take a look ?

[guyzyl]

Sorry, but not yet (but haven't forgotten about it).
Hopefully sometime this week/end.

[guyzyl]

@VozDeOuro I just merged a PR (#27) which should fix this bug, can you confirm it works for you now?

[VozDeOuro]

hey :)
the problems keep happening here is a screenshot from the cellphone perspective, i try to scan it but nothing happens
the qrcode was blurry by myself

[Sarveshmrao]

I had this issue just now, and I solved it by just changing the background colour of the page. It worked!

To some colour like above.

[guyzyl]

@Sarveshmrao can you elaborate on what you did? To me it seems like something else caused it to function correctly.

@VozDeOuro Just so I'm sure I understood correctly, which one of these happened to you?:

• You weren't able to scan the QR with WhatsApp - you opened the WhatsApp scanner and nothing happened
• You were able to scan the QR with WhatsApp, and the app didn't continue to the next screen

[Sarveshmrao]

@Sarveshmrao can you elaborate on what you did? To me it seems like something else caused it to function correctly.

@VozDeOuro Just so I'm sure I understood correctly, which one of these happened to you?:

• You weren't able to scan the QR with WhatsApp - you opened the WhatsApp scanner and nothing happened
• You were able to scan the QR with WhatsApp, and the app didn't continue to the next screen

Hey @guyzyl
I was not able to scan the code in WhatsApp or a normal QR Code Scanner. Hence I changed the background and the next second it scanned and logged me in and took me to the Google Auth step.

I'm self hosting both Backend and Frontend FYI.

[VozDeOuro]

@Sarveshmrao can you elaborate on what you did? To me it seems like something else caused it to function correctly.

@VozDeOuro Just so I'm sure I understood correctly, which one of these happened to you?:

• You weren't able to scan the QR with WhatsApp - you opened the WhatsApp scanner and nothing happened
• You were able to scan the QR with WhatsApp, and the app didn't continue to the next screen

I open the WhatsApp and it's look like I'm scanning nothing, because nothing happens

I will try that trick to change the background color

[guyzyl]

@Sarveshmrao that's a very interesting solution!

Can one of you please test if adding a border to the QR fixes the issue? I'm not able to replicate it with my phone.
You can do it by adding the following block:

canvas {
    border-width: 10px;
    border-color: white;
}

[Sarveshmrao]

@Sarveshmrao that's a very interesting solution!

Can one of you please test if adding a border to the QR fixes the issue? I'm not able to replicate it with my phone.
You can do it by adding the following block:

canvas {
    border-width: 10px;
    border-color: white;
}

Don't add a border white. Add anything else other than black and white, as those are the colors in which the QR is generated.

[guyzyl]

@Sarveshmrao that's a very interesting solution!
Can one of you please test if adding a border to the QR fixes the issue? I'm not able to replicate it with my phone.
You can do it by adding the following block:

canvas {
    border-width: 10px;
    border-color: white;
}

Don't add a border white. Add anything else other than black and white, as those are the colors in which the QR is generated.

Good point.
Does adding a border colored at rgb(87, 13, 248) fix the issue? (that's the primary color of DaisyUI)
Try a width of 5px so it's not too overpowering.

[VozDeOuro]

thats fixed it so the problem was with the border :)
you can close this issue if you want.

and thx for you help

[guyzyl]

@VozDeOuro Just merged the fix and closed the issue.
Thanks for reporting this bug and testing out the solution :)

[guyzyl]

@VozDeOuro Sorry for bugging you, but do you mind checking the version that is now on main?
I tested the purple border with my phone and it didn't work.
I now changed the border color to white, and want to make sure it does the job for everyone.

[Sarveshmrao]

@VozDeOuro Sorry for bugging you, but do you mind checking the version that is now on main? I tested the purple border with my phone and it didn't work. I now changed the border color to white, and want to make sure it does the job for everyone.

Just checked out the new version. Yes, it works!

[guyzyl]

@Sarveshmrao thanks!!!
We can leave this issue behind now :)