[Solidjs-TreeView] data-selected of dom element doesn't respect selectedValue

[ylc395]

When passing selectedValue to <TreeView> and click a tree node, the tree node's dom element has data-selected attribute even when selectedValue doesn't contain its id. Is it a bug or by-design feature?

[segunadebayo]

This is working as expected. When selectedValue is provided, the component runs in controlled mode — it always reflects the value you pass and won't update internally on click.

Make sure you're using a signal and passing both props:

const [selectedValue, setSelectedValue] = createSignal<string[]>([])

<TreeView.Root
  selectedValue={selectedValue()}
  onSelectionChange={({ selectedValue }) => setSelectedValue(selectedValue)}
>
  {/* ... */}
</TreeView.Root>

If you want to prevent selection entirely, pass a static value without updating in the callback.