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

fix(banner): system alerts missing bottom padding on scroll (#121) #131

Merged
merged 3 commits into from
Feb 24, 2020

Conversation

Vignesh-Manogar-E3433
Copy link
Contributor

Description

Resolves #121

This seems to be due to Firefox not applying padding bottom on overflow:scroll/auto items.
Reference link: https://bugzilla.mozilla.org/show_bug.cgi?id=748518
Seems like they dont have plans to fix this as they have closed this as invalid.

Hence, removing padding from Parent container that has overflow:scroll. Adjusting this by adding margin to the child element.

Before Fix:
image

After Fix:
image

Tested in chrome, firefox and safari

Related Bug

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

Successfully merging this pull request may close these issues.

Banner component - 'Alerts' missing bottom padding on scroll in Firefox browser
2 participants