@fancyapps/fancybox 3.5.0

v3.5.0

on Node.js NPM

Improvements

• New option preventCaptionOverlap (enabled by default for desktop only) prevents caption from overlapping the content;
• HTML5 video now uses thumbnail image as poster;
• Redesigned caption - centered, without top border and does not hide when idling (and preventCaptionOverlap is enabled);
• It is now easier to set content height in % (especially for iframes), there is no need to adjust bottom margin and max-height (caused by this - https://bugzilla.mozilla.org/show_bug.cgi?id=748518), because bottom margin is applied automatically using JS)

Fixes

• Fixed thumbnail visibility detection (now works better with sliders);
• Fixed share modal not closing when clicking outside content area;
• Fixed iframe support for iOS

Note about upgrading from previous versions

If you have changed the layout (as in this example: https://codepen.io/fancyapps/full/pxovaa), you most likely have to set preventCaptionOverlap : false to prevent content shifting.