Bootstrap's container is cropping the enlarged image

terrymun / Fluidbox

Replicating and improving the lightbox module seen on Medium with fluid transitions.

http://terrymun.github.io/Fluidbox/

Other

2.15k stars 170 forks source link

Bootstrap's container is cropping the enlarged image #188

Closed kerberjg closed 7 years ago

kerberjg commented 7 years ago

I'm using Bootstrap's container class on my main content div. However, whenever I open an image using Fluidbox, the image is cropped to container's max-width

Screenshots: http://imgur.com/a/36c8n

I'm running on:

Fluidbox 2.0.5
jQuery 1.12.0
Bootstrap 3.3.7

PS: Seems to be related to #12

terrymun commented 7 years ago

Unfortunately that is the limitations of Fluidbox: your parent has overflow set to hidden. Note that Fluidbox injects content for each image at the same DOM level where it resides, which means you cannot hide overflows—otherwise the image will be cropped.

See https://github.com/terrymun/Fluidbox#overflowing-content