There's an issue with the Facebook Authentication plugin. When the "Log in with Facebook" button is clicked, the popup shows as it should, but when you enter your FB credentials and click the login button and the FB login window closes, the site page shows "Facebook" entered into the User Name field with some password. Soon after the page is redirected to the registration form (all fields blank) and an error/system message appears at the top, saying:
The words you typed did not match the ones displayed. Please try again.
When you try again after that first time, the FB login doesn't pop-up. It instead fills in the User Name with "Facebook" and some password and then throws another error/system message, saying:
Username and password do not match or you do not have an account yet.
..and then redirects again to the registration form.
It will keep doing this until the website cache is cleared.
There is also a noticable difference in how the login page looks the first time it loads (proper) and after the failed attempt.
- First load and after website cache is cleared:
- After failed attempts and before website cache is cleared:
Even the HTML codes looks different.
- Before login attempts:
- Code: Select all
<span id="fb-auth"><small>fb icon</small>Log in with Facebook</span>
<div>
<form action="/login?task=user.login" method="post">
<fieldset>
<div class="login-fields">
<label id="username-lbl" for="username" class="">User Name</label> <input name="username" id="username" value="Facebook" class="validate-username" size="25" type="text"> </div>
<div class="login-fields">
<label id="password-lbl" for="password" class="">Password</label> <input name="password" id="password" value="Facebook" class="validate-password" size="25" type="password"> </div>
<button type="submit" class="button">Log in</button>
<input name="return" value="supressed" type="hidden">
<input name="supressed" value="1" type="hidden"> </fieldset>
</form>
<ul>
<li> <a href="/login?view=reset"> Forgot your password?</a> </li>
<li> <a href="/login?view=remind"> Forgot your username?</a> </li>
<li> <a href="/login?view=registration"> Don't have an account?</a> </li>
</ul>
</div>
- Before login attempts:
- Code: Select all
<gavern:fblogin>
<span id="fb-auth"><small>fb icon</small>Log in with Facebook</span>
<gavern:fblogin>
<div>
<form action="/login?task=user.login" method="post">
<fieldset>
<div class="login-fields">
<label id="username-lbl" for="username" class="">User Name</label> <input name="username" id="username" value="Facebook" class="validate-username" size="25" type="text"> </div>
<div class="login-fields">
<label id="password-lbl" for="password" class="">Password</label> <input name="password" id="password" value="Facebook" class="validate-password" size="25" type="password"> </div>
<button type="submit" class="button">Log in</button>
<input name="return" value="supressed" type="hidden">
<input name="supressed" value="1" type="hidden"> </fieldset>
</form>
<ul>
<li> <a href="/login?view=reset"> Forgot your password?</a> </li>
<li> <a href="/login?view=remind"> Forgot your username?</a> </li>
<li> <a href="/login?view=registration"> Don't have an account?</a> </li>
</ul>
</div>
</gavern:fblogin></gavern:fblogin>
Does any one have any idea what could be causing this and also how to fix it? Any help will be appreciated. Thanks.
