[Bug] The List scrolls to a stale top item when search changes #389
Description
When you change the search search string and this change makes more search results then the list scrolls to the previous top item instead of the current one.
I suppose it happens because
store.setState('search', props.value)
is followed by scrollSelectedIntoView... and inside getSelectedItem search for [aria-selected="true"] in not yet updated dom.
When the search string is changed from cc to cccc - the new top item is "Cascade Interactive"
When the search is changed back from cccc to cc - the new top item is "Echo Networks" and it is selected
BUT
List scrolls to Cascade Interactive
Screen.Recording.2025-10-28.at.11.51.50.mov
here is a test data
const organizations = [
{ id: 1, name: "Acme Innovations" },
{ id: 2, name: "BlueSky Technologies" },
{ id: 3, name: "Quantum Dynamics" },
{ id: 4, name: "Aurora Systems" },
{ id: 5, name: "Nimbus Labs" },
{ id: 6, name: "Vertex Analytics" },
{ id: 7, name: "Solaris Consulting" },
{ id: 8, name: "Evergreen Solutions" },
{ id: 9, name: "Summit Digital" },
{ id: 10, name: "Atlas Ventures" },
{ id: 11, name: "NeonSoft" },
{ id: 12, name: "CorePulse" },
{ id: 13, name: "Zenith Global" },
{ id: 14, name: "Ironclad Industries" },
{ id: 15, name: "Frontier Robotics" },
{ id: 16, name: "Lighthouse Data" },
{ id: 17, name: "Horizon Partners" },
{ id: 18, name: "NextGen BioWorks" },
{ id: 19, name: "Cascade Interactive" },
{ id: 20, name: "Echo Networks" },
{ id: 21, name: "Velocity Ventures" },
{ id: 22, name: "PolarEdge" },
{ id: 23, name: "SummitOne Group" },
{ id: 24, name: "Cobalt Consulting" },
{ id: 25, name: "Helix Cloud" },
{ id: 26, name: "NovaLink Systems" },
{ id: 27, name: "TrueNorth Media" },
{ id: 28, name: "BrightPath AI" },
{ id: 29, name: "EchoBase Security" },
{ id: 30, name: "TerraWorks" },
];