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.

Carousels outside of full-screen modals broken in v1.1.3

See original GitHub issue

Steps to reproduce the behavior:

Create a <Carousel /> component outside of a Modal with some images

Expected behavior: The Carousel is no wider than its container

Actual behavior: The Carousel is much wider and overflows from its container

For example, here’s what the docs page at http://jossmac.github.io/react-images/#/styles should look like

Here’s what it looked like when I ran the development server in the latest version

Issue Analytics

State:
Created 3 years ago
Comments:5

Top GitHub Comments

1reaction

davwheatcommented, May 20, 2020

Well I removed the section that someone said was causing the issue.

0reactions

nfrassercommented, Jun 10, 2020

Can confirm it’s fixed in v1.1.7, thanks @davwheat!

Top Results From Across the Web

Fullscreen mode breaks bootstrap modals · Issue #77 - GitHub

Open a bootstrap modal with an editor in it. Start fullscreen mode (the editor sets the inline style="overflow: hidden;"); Stop fullscren mode ( ......

Bootstrap 4 full-screen modal with carousel issues in Safari

This is my attempt at creating a full-screen Bootstrap 4 modal with a full-screen images carousel. Images have max-height: 100%; and ...

CSS Modal Examples That You Can Download and Edit

The modal window opens when clicking on the details. Users close the window by clicking the cross or outside of the modal window....

Modal · Bootstrap v5.1

Use Bootstrap's JavaScript modal plugin to add dialogs to your site for lightboxes, user notifications, or completely custom content.

ThemeNectar | Changelogs - Salient

Fixed preview functionality to generate dynamic element CSS correctly on Portfolio post type · Fixed "Carousel" page builder > "Flickity" type ...