question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[locale-modal-flashing]: The locale modal is flashing when the page is loading

See original GitHub issue

Engineering info:


Description

Locale modal is flashing when refresh the page while it should not

video

Component(s) impacted

dotcom-shell locale-modal

Browser

Firefox, Chrome

Carbon for IBM.com version

^1.14.1

Severity

Severity 2 = Aspects of design is broken, and impedes users in a significant way, but there is a way to complete their tasks. Affects major functionality, has a workaround.

Application/website

NDA

Package

@carbon/ibmdotcom-web-components

CodeSandbox example

https://github.com/carbon-design-system/carbon-for-ibm-dotcom-web-components-template

Steps to reproduce the issue (if applicable)

Clone template https://github.com/carbon-design-system/carbon-for-ibm-dotcom-web-components-template Run yarn start (might have to fiddle with webpack-dev-config.js) After the page load, hit refresh and wait

Release date (if applicable)

No response

Code of Conduct

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Comments:18 (17 by maintainers)

github_iconTop GitHub Comments

1reaction
paatsinsuwancommented, Apr 8, 2022

@andy-blum Hey man, if you confirmed it fixed, I’ll take it.

1reaction
andy-blumcommented, Apr 8, 2022

@paatsinsuwan Yes, we tried firefox.

Here’s what I did:

  1. Open project in gitpod using this link: https://gitpod.io/#https://github.com/carbon-design-system/carbon-for-ibm-dotcom-web-components-template
  2. Wait for project to build and start. When the process is ready it should pop up an alert allowing you to open the preview Screen Shot 2022-04-08 at 3 36 35 PM
  3. If that banner doesn’t appear or you miss it, you can open the preview from the sidebar (1). The globe icon (2) will launch the preview, but it will be private by default, requiring you to be authenticated in the browser. You can make the preview public with the unlock icon (3) Screen Shot 2022-04-08 at 3 37 33 PM

Using the above process, I was unable to replicate the flashing issue, and @kennylam @ariellalgilmore and @annawen1 also confirmed they were unable to see the flash.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Prevent modal from flashing during page loading
I am trying to stop the modals flashing visibility briefly while the page is loading. I have a 3D model that loads using...
Read more >
Modal flashes visible on page load · Issue #23 - GitHub
Modal dialogs flash visible for an instant on the initial load of a page. One way to solve it would be to use...
Read more >
Famous Flashes - CHS Edition - Champion Local Schools
red carpet with paparazzi taking photos animated flashes. Champion High School Hosts the First District-Wide Pep Rally! Video Player is loading. Play Video....
Read more >
ModalPopup flashes on page load - MSDN
I have a page with a ModalPopupExtender control and when the page loads I can see the popup for just a second before...
Read more >
Screen flickering when open panel/popup in Cordova app
Screen flickering right before the popup open when the view content is ... html.with-modal-popup .framework7-root > .views .page-content, ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found