Fix flickering in iOS Safari

Had to rework the rendering mechanism :( - rendering no longer relies on position: sticky, which turned out to be the cause. Safari is the reason we can't have nice things.

On the plus side, using old-school repositioning seems to look smoother (the frame rate is actually the same).

Fix for safari in flex container

I tried to out-smart react and failed. Safari on macOS and iOS does not understand the update through the CSS class. Reverting to inline styles.

Customize Component Structure

New Features

• Components allow customization of the rendered markup through Container properties - example.
• Material UI integration example

Fixes and Improvements

• Fixed positioning of group headers in endless scrolling example
• offset is now applied through classes, rendering should be a tad faster.

scrollToIndex, custom scroll container, sizing fixes

New Features

• scrollToIndex method - example, example with groups.
• custom scroll container property - example.
• className property (thanks to @FezVrasta).

Fixes

• Improved calculation mechanism for total height in grouped mode (was reproducible at the grouped by first letter example).

Drop RxJS dependency

RxJS is convenient but adds ~10KB to the package, something which people might not be happy with. That's why I switched to a minimal homegrown implementation. We are down to 7KB now.

Bugfixes: the auto-resizing demo did not resize very well on sudden width changes (like the one you can cause from Chrome dev tools).

Support for groups

The release includes a new variation of the Virtuoso component - GroupedVirtuoso. The group component supports grouped displaying of items, with sticky group headers.

For more details, check the README section, the grouped component properties, and the following demos:

• Grouped numbers;
• Grouped by first letter;
• Groups with load on demand;