v5.3.0

• Upgraded react-themable to support styling with Aphrodite.
• Added a standalone build.

v5.2.0

Note: this release was botched. Install 5.3.0 or later instead.

Allow theme to be an array. This is useful for styling with Aphrodite.

v5.1.2

• Fixed linting issues
• Fixed the use of renderItemsContainer in examples

v5.1.1

• Fixed linting issues
• Fixed Example7

v5.1.0

Added a new renderItemsContainer prop, which can be used, for example, to limit the scrolling to items container only:

import IsolatedScroll from 'react-isolated-scroll';

function renderItemsContainer({ ref, ...rest }) {
  const callRef = isolatedScroll => {
    if (isolatedScroll !== null) {
      ref(isolatedScroll.component);
    }
  };

  return (
    <IsolatedScroll {...rest} ref={callRef} />
  );
}

<Autowhatever renderItemsContainer={renderItemsContainer} ... />

v5.0.0

The DOM structure changed a bit:

BEFORE:

itemsContainer existed in the DOM only when items existed.

AFTER:

Now, itemsContainer always exists in the DOM.
This is useful when the itemsContainer has a scroll bar, and you want to bind certain events to it.

Consequently, theme.sectionItemsContainer was removed in favor of the new theme.itemsList.

Fixed focused item visibility when multiSection={true}.

Added aria-haspopup attribute to the input.

v4.3.0

Added a new renderItemData prop, which is an arbitrary object that will be passed to renderItem (as a second parameter). It is used to make renderItem a pure function, which allows to optimize the rendering performance.

v4.2.0

Performance optimizations

v4.1.0

Optimized rendering performance - renderItem is called now only when necessary

v4.0.0

The input element is available now on the Autowhatever instance rather than refs.

storeInputReference(autowhatever) {
  if (autowhatever !== null) {
-    this.input = autowhatever.refs.input;
+    this.input = autowhatever.input;
  }
}

<Autowhatever ref={this.storeInputReference} />