Found out foggy had problems with responsive web pages.
When the target to blur had right/left margins the foggy was in absolute position comparing to the whole width, resulting in positioning the blurred div, not on top of the target element, but to left of it.
For example:
Try airbnb.com, using Dev Tools load the foggy and run foggy for all $('body').children(). You will see the issue on the footer and some more elements (attached an img).
The Fix:
in BlurPass function, add 'width: 100%' to the css.
Found out foggy had problems with responsive web pages. When the target to blur had right/left margins the foggy was in absolute position comparing to the whole width, resulting in positioning the blurred div, not on top of the target element, but to left of it.
For example: Try airbnb.com, using Dev Tools load the foggy and run foggy for all $('body').children(). You will see the issue on the footer and some more elements (attached an img).
The Fix: in BlurPass function, add 'width: 100%' to the css.