You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
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.
The text was updated successfully, but these errors were encountered:
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.
The text was updated successfully, but these errors were encountered: