Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

bug (with fix): foggy for responsive web pages #16

Open
Baraksi opened this issue Aug 24, 2015 · 0 comments
Open

bug (with fix): foggy for responsive web pages #16

Baraksi opened this issue Aug 24, 2015 · 0 comments

Comments

@Baraksi
Copy link

Baraksi commented Aug 24, 2015

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).

foggy_issue

The Fix:
in BlurPass function, add 'width: 100%' to the css.

mookman288 added a commit to mookman288/foggy that referenced this issue Oct 27, 2015
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant