0.21.1

What's Changed

• Fix Vue warn Expected Object, got Function by @MstrVLT in #338

New Contributors

• @MstrVLT made their first contribution in #338

Full Changelog: 0.21.0...0.21.1

0.21.0

• BREAKING CHANGE: RTL support for horizontal virtualization in Chrome earlier than v85 was dropped. Use older version if needed.

What's Changed

• Migrate to vitest by @inokawa in #327
• Improve wheel event handling by @inokawa in #328
• Refactor scroll normalization and drop RTL support for legacy Chrome by @inokawa in #329
• Add story with auto-animate by @inokawa in #330
• Support iframe by @inokawa in #331

Full Changelog: 0.20.5...0.21.0

0.20.5

What's Changed

• Fix wrong minHeight/minWidth of Vue VList by @inokawa in #325

Full Changelog: 0.20.4...0.20.5

0.20.4

What's Changed

• Fix swr minify issue in Next.js by @inokawa in #324

Full Changelog: 0.20.3...0.20.4

0.20.3

What's Changed

• Improve touch handling in WindowVirtualizer by @inokawa in #321

Full Changelog: 0.20.2...0.20.3

0.20.2

What's Changed

• Revert "Add contain: content to container element" by @inokawa in #318

Full Changelog: 0.20.1...0.20.2

0.20.1

What's Changed

• Ignore inappropriate flex style by @inokawa in #316
• Update style of Vue VList to be the same as React by @inokawa in #317

Full Changelog: 0.20.0...0.20.1

0.20.0

BREAKING CHANGES

• Incomplete padding support was dropped from VList. Use Virtualizer and startMargin/endMargin prop instead.

// VList
<VList style={{ paddingTop:20, paddingBottom: 40 }}>
 {createRows(1000)}
</VList>

// Virtualizer
<div style={{ overflowY: 'auto', overflowAnchor: "none" }}>
  <div style={{ height: 20 }}/>
  <Virtualizer startMargin={20} endMargin={40}>
   {createRows(1000)}
  </Virtualizer>
  <div style={{ height: 40 }}/>
</div>

• components.Root prop of VList was removed. Use Virtualizer instead. If you want to customize scrollable element, just pass props to wrapper div. If you want to customize inner element, use as prop of Virtualizer.

// VList
<VList components={{ Root: ViewportComponent }}>
 {createRows(1000)}
</VList>

// Virtualizer
<div style={{ overflowY: 'auto' }}>
  <Virtualizer as={ContainerComponent}>
   {createRows(1000)}
  </Virtualizer>
</div>

• WVList was renamed and changed to WindowVirtualizer because it has similar usability to Virtualizer. It's wrapper div was removed so add it by yourself if you need to apply some styles.

// WVList
<div style={{ padding: 200 }}>
  <WVList style={{ border: "solid 1px gray" }}>
   {createRows(1000)}
  </WVList>
</div>

// WindowVirtualizer
<div style={{ padding: 200 }}>
  <div style={{ border: "solid 1px gray" }}>
    <WindowVirtualizer>{createRows(1000)}</WindowVirtualizer>
  </div>
</div>

• components.Item prop of VList was renamed to item
• initialItemSize prop was renamed to itemSize
• onScrollStop prop was renamed to onScrollEnd

What's Changed

• Add Virtualizer and WindowVirtualizer by @inokawa in #303

Full Changelog: 0.19.2...0.20.0

0.19.2

What's Changed

• Fix bug that scrollOffset can become minus by filtering after scrolling by @inokawa in #314

Full Changelog: 0.19.1...0.19.2

0.19.1

What's Changed

• Improve jump compensation after prepending by @inokawa in #313

Full Changelog: 0.19.0...0.19.1