Fancybox bug: html shifts a few pixesl after exit

Asked May 11 '16 at 17:55

Active May 11 '16 at 17:55

Viewed 95 times

The whole body shifts a few pixels left and up after closing fancybox (2.1.5) popup.

Here's what I've tried already:

I tried to change <!Doctype html> to <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> and <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" http://www.w3.org/TR/html4/loose.dtd">
It didn't work.
It didn't help to change fancybox content and wrapper to box-sizing: content-box.
body{ margin-right: auto !important;} also didn't help.
I also tried to modify jquery.fancybox.css .fancybox-lock and .fancybox-lock .fancybox-overlay like here https://stackoverflow.com/a/24387110/5562716. After this Fancybox started behaving even weirder: after exiting the popup it shifted 50% to the right.
If I don't use body{ overflow-x: hidden; } it jumps to the very top of the page after user exit popup.

Any ideas what else can I try?

edited May 23 '17 at 11:46

Community

asked May 11 '16 at 17:55

Margareth Didyk

If it's a bug, have you rised an issue (or checked for existing ones)? https://github.com/fancyapps/fancyBox/issues – YakovL May 14 '16 at 23:31
1

It has been already solved in the latest version of fancybox – Margareth Didyk May 17 '16 at 05:50

0 Answers0