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

Remove react-virtualized from ComboBox #3173

Merged

Conversation

myasonik
Copy link
Contributor

Summary

Removing react-virtualized in favor of react-window.

EuiSelectable and EuiComboBox were the only two consumers of react-virtualized. With EuiSelectable moving to react-window, this made sense to do to drop EUI's footprint. react-window is smaller, faster, and has better accessibility so it's pretty much a win on all fronts.

Did the smallest amount of changes to make this happen but they do handle things like scrolling and item rendering a bit differently so it required a bit of code.

Checklist

- [ ] Check against all themes for compatibility in both light and dark modes
- [ ] Checked in mobile
- [ ] Checked in IE11

  • Checked in Firefox
    - [ ] Props have proper autodocs
    - [ ] Added documentation examples
  • Added or updated jest tests
  • Checked for breaking changes and labeled appropriately
    - [ ] Checked for accessibility including keyboard-only and screenreader modes
    - [ ] A changelog entry exists and is marked appropriately

@myasonik myasonik added chore dependencies Pull requests that update a dependency file labels Mar 25, 2020
@kibanamachine
Copy link

Preview documentation changes for this PR: https://eui.elastic.co/pr_3173/

@myasonik myasonik removed the request for review from chandlerprall April 1, 2020 22:35
@myasonik
Copy link
Contributor Author

myasonik commented Apr 1, 2020

This change was requested by @chandlerprall but anyone can review

@kibanamachine
Copy link

Preview documentation changes for this PR: https://eui.elastic.co/pr_3173/

Copy link
Contributor

@thompsongl thompsongl left a comment

Choose a reason for hiding this comment

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

A couple initial things:

  • Can we remove react-virtualized from our deps now?

  • In the "Virtualized" EuiComboBox example, when I select an option the list is scrolled to the top. Previously, scroll position was maintained after making selections.

Copy link
Contributor

@chandlerprall chandlerprall left a comment

Choose a reason for hiding this comment

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

There's a regression in functionality for the Groups example: clicking on a group label in the dropdown closes the list; compare with the published docs where nothing happens when clicking a group label.

@kibanamachine
Copy link

Preview documentation changes for this PR: https://eui.elastic.co/pr_3173/

@kibanamachine
Copy link

Preview documentation changes for this PR: https://eui.elastic.co/pr_3173/

@kibanamachine
Copy link

Preview documentation changes for this PR: https://eui.elastic.co/pr_3173/

Copy link
Contributor

@chandlerprall chandlerprall left a comment

Choose a reason for hiding this comment

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

Changes LGTM! Tested in the PR's docs build and couldn't hit a snag.

Copy link
Contributor

@chandlerprall chandlerprall left a comment

Choose a reason for hiding this comment

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

Meant to hit the Approve button

@myasonik myasonik merged commit 5860e96 into elastic:feature/selectable-a11y May 12, 2020
@myasonik myasonik deleted the cleanup-react-virtualized branch May 12, 2020 18:16
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
chore dependencies Pull requests that update a dependency file
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants