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 EuiNavDrawer scroll overflow issue on Firefrox #1837

Merged
merged 1 commit into from
Apr 15, 2019

Conversation

ryankeairns
Copy link
Contributor

@ryankeairns ryankeairns commented Apr 15, 2019

Summary

Fixes an issue that was opened in the Kibana repo: elastic/kibana#35083

It seems this comes down to difference of interpretation for the overflow spec. The Mozilla team seems to have taken a slightly different approach (than other browsers) with regards to where they apply bottom padding when there is overflow: https://bugzilla.mozilla.org/show_bug.cgi?id=748518

There were several kludge solution, but simply changing this from padding-bottom to margin-bottom did the trick.

Tested EUI docs and Kibana on FF, Chrome, and IE.

Firefox recording

ff-nav-scroll

Checklist

  • This was checked in mobile
  • This was checked in IE11
  • This was checked in dark mode
  • Any props added have proper autodocs
  • Documentation examples were added
  • A changelog entry exists and is marked appropriately
  • This was checked for breaking changes and labeled appropriately
  • Jest tests were updated or added to match the most common scenarios
  • This was checked against keyboard-only and screenreader scenarios
  • This required updates to Framer X components

Copy link
Contributor

@cchaos cchaos left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Checked in Chrome, FF, Safari and IE11 too.

CL conflict

CHANGELOG.md Outdated Show resolved Hide resolved
Copy link
Contributor

@snide snide left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Tested locally.

@ryankeairns ryankeairns force-pushed the rk/nav-drawer-scroll-ff branch from fb4839a to 5918a65 Compare April 15, 2019 19:22
@ryankeairns ryankeairns merged commit 9d97c15 into elastic:master Apr 15, 2019
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.

4 participants