Page reload/refresh causes short-term view of other form input on Two-Factor Challenge Page

[andrewdwallo]

• Jetstream Version: 3.1.0
• Jetstream Stack: Livewire
• Uses Teams: Yes
• Laravel Version: 10.5.1
• PHP Version: 8.2.4
• Database Driver & Version: MySQL 8.0.30

Description:

When a user refreshes or reloads the Two-factor Challenge page, there is a brief moment where the Recovery Code form input appears before disappearing. This is an issue because the default form input is supposed to be just Code. Obviously, one would have to click on "Use a recovery code" for the Recovery Code form input to appear by itself. I have included a video below that is slowed down so that you can see the issue more clearly. Even with a page load time of 0.2ms, it is still quite noticeable. If a user had a slow server or page load time, this issue could look very much worse.

Steps To Reproduce:

This is on a fresh installation:

Untitled.video.3.mp4

[github-actions]

Thank you for reporting this issue!

As Laravel is an open source project, we rely on the community to help us diagnose and fix issues as it is not possible to research and fix every issue reported to us via GitHub.

If possible, please make a pull request fixing the issue you have described, along with corresponding tests. All pull requests are promptly reviewed by the Laravel team.

Thank you!

[andrewdwallo]

Definitely an alpine issue. Page flickering caused by x-show directive. Should be able to use x-cloak to fix it but I had no luck with that. Perhaps Alpine shouldn't be used in this case.

[andrewdwallo]

Fixed: #1291 (comment)
x-cloak worked

[andrewdwallo]

@driesvints Sorry to @ you but I am trying to bring attention to this here: #1291 (comment)

The pull request was already merged but it needs to be reverted/changed.