Skip to content

[Bug] Microsoft Identity Client Library – GitHub Sign-in UI Rendering Issue #5113

@joshuas-pronamics

Description

@joshuas-pronamics

Library version used

4.67.2

.NET version

.Net 4.6.2

Scenario

PublicClient - desktop app

Is this a new or an existing app?

The app is in production, and I have upgraded to a new version of MSAL

Issue description and reproduction steps

Description:
When attempting to sign in via the Microsoft Identity Client Library, the login UI for GitHub authentication appears to be broken. Instead of rendering correctly, the interface displays overlapping UI elements, unstyled placeholders ({{ message }}), and a duplicated session refresh alert. The page appears misaligned and improperly formatted, making it difficult to use the sign-in functionality.

Steps to Reproduce:

Attempt to sign in using Microsoft authentication via GitHub.
Observe the rendered UI in the authentication window.
Notice overlapping elements, broken styling, and misaligned components.
Expected Behavior:
The authentication UI should render correctly, with properly styled input fields, clear UI elements, and no extraneous messages or misaligned components.

Actual Behavior:

Overlapping UI elements (alerts, placeholders, and input fields).
Unprocessed template variables ({{ message }}).
Repeated session-related alerts.
UI rendering issues making the sign-in page difficult to use.

Image

Relevant code snippets

try
 {

     _msalApp = PublicClientApplicationBuilder
                .Create(clientId)
                .WithRedirectUri("http://localhost")
                .WithExtraQueryParameters("domain_hint=organizations")
                .Build();
     var authResult = await _msalApp
                            .AcquireTokenInteractive(new[] { "openid", "profile", "email" })
                            .ExecuteAsync();

     IsNavigating = false;

     // Extract user information
     AuthId = authResult.UniqueId;
     Username = authResult.Account.Username;

     var successArgs = new AuthSuccessfulEventArgs
                       {
                           AuthId = AuthId,
                           Username = Username
                       };

     LoginSuccessful?.Invoke(this, successArgs);
 }

Expected behavior

  • I would either like the ability to disable other sign in options entirely or the below, whichever is easiest (i don't need anything other than microsoft login at this point)

  • The authentication UI should render correctly, displaying all elements properly formatted and aligned.

  • No unprocessed template variables (e.g., {{ message }}) should be visible.

  • The session-related alert should appear only once (if necessary) and should not overlap other elements.

  • Input fields for username/email and password should be clearly visible and functional.

  • Buttons and links (such as "Forgot password?" and "Sign in with a passkey") should be properly styled and positioned.

  • The overall UI should be visually clean, without duplicate or obstructing elements.

Identity provider

Microsoft Entra ID (Work and School accounts and Personal Microsoft accounts)

Regression

No response

Solution and workarounds

if you can add a simple way of disabling "sign-in options" under "use another account" then this would be the quickest fix for me

Thanks in advance

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions