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.

Browser freeze with esm modules, carousel type, and empty images

See original GitHub issue

First off - thanks for an excellent, lightweight library!

I’ve been using this in my project for a while, and I have a lot of dynamic carousels which pull images in based on some data.

What I’ve found seems pretty severe, and that is - if a carousel has no slides, and it is of type carousel, it immediately causes the browser to use 110% CPU, freezing the tab (or often, the entire machine) up.

This happens on both Chrome and Firefox but I’d recommend running the recreation (attached) in firefox since chrome is really hard to kill once it gets stuck!

I created a recreation of the problem here:

https://github.com/beyonk-adventures/glide-empty-carousel-bug - check it out and use npm run dev

Cheers

Issue Analytics

State:
Created 4 years ago
Reactions:10
Comments:14

Top GitHub Comments

1reaction

nicobrinkkempercommented, Feb 9, 2021

This isn’t fixed after running ‘yarn add @glidejs/glide’ Can the fix for this very severe bug be pushed to registry ASAP?

1reaction

sayorecommented, Feb 4, 2021

still occuring in 2021, was thinking that it was the bundling i did, but the freezing was simply because i had removed an content element in the backend which then lead to my typescript code not working.

Top Results From Across the Web

Module not found: Error: Can't resolve 'core-js/es6'

import "core-js/modules/es.object.freeze.js";. If such an import statement is inserted into a file which does not reside in a package which has ...

Slick.js carousel - image slides randomly freezing? - SitePoint

I am trying to keep the images repeating. It works for some time but randomly stops at one of the browser pages. But...

All you need to know to move from CommonJS to ECMAScript ...

Enabling ECMAScript modules (ESM) in Node.js; Syntax; Strict by default; Browser compatibility; ESM is missing some references ...

Swiper Changelog

core: fix slider freeze with enabled observer (8ff2691), closes #5414 ... Improved es module "tree-shake-ability"; New swiper.esm.browser.bundle.js package ...

webpack referenceerror: module is not defined in es module scope ...

If I add "type": "module" to package.json I get [webpack-cli] ... 0) at async ESMLoader.import (node:internal/modules/esm/loader:281:24) at async loadESM ...