It is an alternative authentication flow, seperating the input fields for email and password.

Developed and tested in Keycloak version 12.0.4.
-
Once
keycloak-split-login-formsis deployed on your server, (re-)start said server.You can use
./restart.shin the root directory of the project. -
Now open the web admin console of keycloak, under Configure go to
Authentication. In theFlowstab create a copy of theBrowserflow.
-
Delete
Username Password FormandBrowser - Conditional OTPin your new flows Forms.
-
Add a new execution to
*your flow name* Formsusing thetwo-step-login-with-codeprovider and set its requirement toREQUIRED.
-replace -
Switch to the
Bindingstab and change your Browser Flow to your new flow and save the settings.
-replace -
Now open the
Realm Settings, go to theThemestab and select theSplit-login formfor the Login- aswell as the Email Theme.
-replace -
Enable
Internationalizationand remove all theSupported Localesexceptdeanden(and any languages you added) and set theDefault Localeto your preference and save.
-replace