Skip to content
Brian Vaughn edited this page Mar 19, 2016 · 8 revisions

Status: Released

This describes my plans for the version 6 roadmap (currently in progress as PR #159). I welcome input from the community so please feel free to comment if you think certain features should (or should not) be included in the next upcoming major release.

Backwards-incompatible changes

  • Refactored Grid to remove arrow-key scroll-snapping. Instead this feature is implemented in a HOC, ArrowKeyStepper. The upgrade path from React 5.x to 6.x if you want to maintain arrow-key navigation behavior is as follows:
// Before...
<Grid {...gridProps}/>

// After...
<ArrowKeyStepper
  columnsCount={columnsCount}
  rowsCount={rowsCount}
>
  {({ onKeyDown, onSectionRendered, scrollToColumn, scrollToRow }) => (
    <div onKeyDown={onKeyDown}>
      <Grid
        columnsCount={columnsCount}
        onSectionRendered={onSectionRendered}
        rowsCount={rowsCount}
        scrollToColumn={scrollToColumn}
        scrollToRow={scrollToRow}
        {...otherGridProps}
      />
    </div>
  )}
</ArrowKeyStepper>
  • The following public methods will be removed; use the corresponding properties instead:
  • FlexTable: scrollToRow (use scrollToIndex prop instead), setScrollTop (use scrollTop prop instead)
  • Grid: scrollToCell (use scrollToColumn and scrollToRow props instead), setScrollPosition (use scrollLeft and scrollTop props instead)
  • VirtualScroll: scrollToRow (use scrollToIndex prop instead), setScrollTop (use scrollTop prop instead)

Backwards-compatible changes