0.48.8

What's Changed

• Improve scroll fix accuracy while markdown streaming by @inokawa in #868

Full Changelog: 0.48.7...0.48.8

0.48.7

What's Changed

• Update ts compiler target by @inokawa in #854
• Improve scroll fix accuracy when scrolling up while resizing by @inokawa in #866

Full Changelog: 0.48.6...0.48.7

0.48.6

What's Changed

• fix(svelte): filter stale indices in Virtualizer to prevent undefined data access by @jveres in #847

New Contributors

• @jveres made their first contribution in #847

Full Changelog: 0.48.5...0.48.6

0.48.5

What's Changed

• Publish formatted bundle by @inokawa in #850

Full Changelog: 0.48.4...0.48.5

0.48.4

What's Changed

• Setup prettier by @inokawa in #848
• feat: add svelte ssr count prop by @shuaixr in #849

New Contributors

• @shuaixr made their first contribution in #849

Full Changelog: 0.48.3...0.48.4

0.48.3

What's Changed

• Add Vue Chat story by @inokawa in #833
• Add Solid Chat story by @inokawa in #834
• Refactor scroller by @inokawa in #835
• Allow Mutiple Children in Vue Components by @sasial-dev in #846

New Contributors

• @sasial-dev made their first contribution in #846

Full Changelog: 0.48.2...0.48.3

0.48.2

What's Changed

• Revert flex-direction: column-reverse and writing-mode support by @inokawa in #830

Full Changelog: 0.48.1...0.48.2

0.48.1

What's Changed

• Fix incorrect negative overflow detection especially in Windows by @inokawa in #827

Full Changelog: 0.48.0...0.48.1

0.48.0

BREAKING CHANGES

Removed reverse prop from VList for React (#774)

// before
<VList reverse>{children}</VList>;

// after
// Recommended markup to align items to the bottom
<div
  style={{
    overflowY: "auto",
    height: "100%",
    display: "flex",
    flexDirection: "column",
  }}
>
  <div style={{ flexGrow: 1 }} />
  <Virtualizer>{children}</Virtualizer>
</div>;
// or if you want the exactly same markup as reverse prop, use this
const scrollRef = useRef(null);
<div
  ref={scrollRef}
  style={{
    display: "block",
    overflowY: "auto",
    contain: "strict",
    width: "100%",
    height: "100%",
  }}
>
  <div
    style={{
      display: "flex",
      flexDirection: "column",
      justifyContent: "flex-end",
      minHeight: "100%",
      overflow: "clip",
    }}
  >
    <Virtualizer scrollRef={scrollRef}>{children}</Virtualizer>
  </div>
</div>;
// ...or we can use "column-reverse" to invert scroll direction in 0.48.0. May fit depending on your usecase
<div
  style={{
    height: "100%",
    overflowY: "auto",
    display: "flex",
    flexDirection: "column-reverse",
  }}
>
  <Virtualizer>{children}</Virtualizer>
</div>;

What's Changed

• Add Svelte Chat Story by @sf1tzp in #820
• Remove reverse prop by @inokawa in #774
• Support flex-direction: column-reverse and writing-mode by @inokawa in #824

New Contributors

• @sf1tzp made their first contribution in #820

Full Changelog: 0.47.2...0.48.0

0.47.2

What's Changed

• Fix jump compensation is not working properly in RTL by @inokawa in #822

Full Changelog: 0.47.1...0.47.2