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.

If `isOpen` is set as `true` from the start, the images don't get loaded, only the spinner gets displayed.

See original GitHub issue

Version: “react-images”: “^0.5.16”,

Steps to reproduce the behavior: Set isOpen as true from the start.

<Lightbox images={ images } onClose={ onCloseRequest } onClickPrev={ this.gotoPrevious } onClickNext={ this.gotoNext } currentImage={ currentImage } isOpen={ true } />

Expected behavior: The lightbox is open after page load, with the first image displayed.

Actual behavior: The lightbox is open after page load, but the images don’t get loaded, only the spinner gets displayed. No error is displayed in the console.

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Reactions:1
  • Comments:5 (2 by maintainers)

github_iconTop GitHub Comments

4reactions
mkalygincommented, Feb 2, 2018

@neptunian yep, I’ll take a look this weekend. 👍

0reactions
mkalygincommented, Feb 6, 2018

@veronicaPop @neptunian

I’ve fixed this issue in #207. This was a dumb error with type casting in JavaScript. 😄

Read more comments on GitHub >

github_iconTop Results From Across the Web

How to display loading image while actual ... - Stack Overflow
I want to show a busy image while the actual image is downloading, and when the image is downloaded, the busy image is...
Read more >
Setting "LoadingSpinner" property of Gallery does nothing.
The problem was that the DelayItemLoading was set to false. It set it to true and now the Loading Spinner is visible. View...
Read more >
Loading | Application Loading Indicator Overlay | ion-loading
The ion-loading overlay indicates activity while blocking user interaction. The loading indicator appears on top of the app's content, and can be dismissed....
Read more >
JavaScript · Bootstrap
js contain all plugins in a single file. Include only one. Plugin dependencies. Some plugins and CSS components depend on other plugins. If...
Read more >
How To Fix Cumulative Layout Shift (CLS) Issues
The Cumulative Layout Shift metric is causing trouble to a lot of sites, ... reflect the CLS as they calculate only the initial...
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