Why removing the selected tree-item from tree triggers a focus on the first element ?

[Lukinoh]

Hello,

I was wondering why do we focus the first available item when we remove the selected item ?

shoelace/src/components/tree/tree.ts

Lines 166 to 169 in 5f4de6d

	// If the focused item has been removed form the DOM, move the focus to the first focusable item
	if (removedNodes.includes(this.lastFocusedItem)) {
	this.focusItem(this.getFocusableItems()[0]);
	}

Just to give a bit of context, I have a tree with a list of items, and based on a input search, the tree is filtered.
However, the behaviour is quite strange due to those lines.
When the selected item is removed from the list, it focuses the first element, and the focus of the input is lost, which is not very practical.

You can find a reproduction here.
To simplify the implementation, I just remove all the items, and add the filtered one, hence the behaviour happens each time.

Best regards.

[alenaksu]

Hi @Lukinoh, this is indeed something that should not happen, so I'd say it is a bug.
I opened an issue: #1436

[claviska]

Apologies for not updating this thread the other day! This was fixed in #1430, which will be available in the next release.

[Lukinoh]

Thanks !