Skip to content

Fix "Flash Of Unstyled Content" in new login screen #7138

Closed
@jankeromnes

Description

@jankeromnes

Bug description

There is a "Flash Of Unstyled Content" in Gitpod's new context-aware login screen.

Screencast (where I reload multiple times to show the problem):
https://youtu.be/Z8RAFGaXHuY

Steps to reproduce

  1. Make sure you're rolled into the new login screen experiment (in a browser console on gitpod.io)
localStorage['gitpod-ui-experiments'] = '{"login-from-context-6826":true}';
  1. Log out of gitpod.io

  2. Visit https://gitpod.io/#https://github.com/gitpod-io/gitpod and see the new login screen

There is a "Flash Of Unstyled Content" when you (re)load it (i.e. it first renders something, then re-renders something different, causing a briefly unstable UI).

Here is a screencast where I refresh multiple times to show the problem:
https://youtu.be/Z8RAFGaXHuY

Workspace affected

No response

Expected behavior

The initial rendering should be stable (i.e. render the correct UI in one shot).

Example repository

No response

Anything else?

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    component: dashboardmeta: staleThis issue/PR is stale and will be closed soonteam: webappIssue belongs to the WebApp teamtype: improvementImproves an existing feature or existing code

    Type

    No type

    Projects

    Status

    No status

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions