[GH-ISSUE #134] ScrollBox freezes with empty arrays in Solid #799

New issue

Closed

opened 2026-03-14 08:36:49 +03:00 by kerem · 2 comments

kerem commented

2026-03-14 08:36:49 +03:00

Owner

Originally created by @rlcurrall on GitHub (Sep 4, 2025).
Original GitHub issue: https://github.com/anomalyco/opentui/issues/134

Originally assigned to: @Adictya, @fezproof on GitHub.

ScrollBox causes application freeze when rendered with empty arrays (static or reactive).

Reproduction

import { render } from "@opentui/solid"

const BugDemo = () => {
  const items: string[] = [] // Causes freeze

  return (
    <scrollbox focused>
      {items.map((item) => (
        <text content={item} />
      ))}
    </scrollbox>
  )
}

render(() => <BugDemo />)

Expected vs Actual

Expected: Empty ScrollBox renders
Actual: Application freezes completely

Workaround

<Show when={items.length > 0}>
  <scrollbox>{items.map(...)}</scrollbox>
</Show>

Notes

Affects both const items = [] and createSignal([])
Works fine with non-empty arrays
Issue does not occur for the regular box component (e.g. <box>{[].map(() => <text>...</text>)}</box>)

Originally created by @rlcurrall on GitHub (Sep 4, 2025). Original GitHub issue: https://github.com/anomalyco/opentui/issues/134 Originally assigned to: @Adictya, @fezproof on GitHub. ScrollBox causes application freeze when rendered with empty arrays (static or reactive). ## Reproduction ```tsx import { render } from "@opentui/solid" const BugDemo = () => { const items: string[] = [] // Causes freeze return ( <scrollbox focused> {items.map((item) => ( <text content={item} /> ))} </scrollbox> ) } render(() => <BugDemo />) ``` ## Expected vs Actual - **Expected**: Empty ScrollBox renders - **Actual**: Application freezes completely ## Workaround ```tsx <Show when={items.length > 0}> <scrollbox>{items.map(...)}</scrollbox> </Show> ``` ## Notes - Affects both `const items = []` and `createSignal([])` - Works fine with non-empty arrays - Issue does not occur for the regular `box` component (e.g. `<box>{[].map(() => <text>...</text>)}</box>`)

kerem

2026-03-14 08:36:49 +03:00

closed this issue
added the
bug

solid
labels

kerem commented

2026-03-14 08:37:06 +03:00

Author

Owner

@kommander commented on GitHub (Sep 4, 2025):

It's not officially ready yet, thanks for the writeup!

@kommander commented on GitHub (Sep 4, 2025): It's not officially ready yet, thanks for the writeup!

kerem commented

2026-03-14 08:37:11 +03:00

Author

Owner

@Adictya commented on GitHub (Sep 4, 2025):

@rlcurrall Thanks for the find! Happy to see it being actively used especially this close to us publishing releases.

@Adictya commented on GitHub (Sep 4, 2025): @rlcurrall Thanks for the find! Happy to see it being actively used especially this close to us publishing releases.

kerem referenced this issue

2026-03-14 09:12:19 +03:00

[GH-ISSUE #799] [Bug] Markdown CJK wrap duplicates glyph at specific widths #988