MultiSelectListBox filter does not work correctly

[tbee]

Description

When a row is selected and a filter is active, then when the filter is cleared the selection stays on the presentation index, not the data model index.

Show all:

Apply filter and select 3rd row:

Clear filter, 3rd row (not the item) stays selected:

Expected outcome

The selection should keep the object selected, not the displayed row.

Minimal reproducible example

@Route("/test")
public class TestView extends VerticalLayout {

    public TestView() {
        TextField textField = new TextField();
        textField.setClearButtonVisible(true);
        textField.setValueChangeMode(ValueChangeMode.EAGER);
        add(textField);

        MultiSelectListBox<String> listBox = new MultiSelectListBox<>();
        listBox.setItems("One", "Two", "Three", "Four", "Five", "Six", "Seven", "Eight", "Nine", "Ten");
        listBox.setSelectionPreservationMode(SelectionPreservationMode.PRESERVE_EXISTING);
        add(listBox);

        ListBoxListDataView<String> listDataView = listBox.getListDataView();
        textField.addValueChangeListener(e -> listDataView.setFilter((SerializablePredicate<String>) s -> {
            String filterContent = textField.getValue().toLowerCase();
            return filterContent.isEmpty() || s.toLowerCase().contains(filterContent);
        }));
    }
}

Steps to reproduce

1. Open the view
2. Type "i" in the text field
3. Select "Six" in the listbox
4. Press the clear button in the textfield

Environment

Vaadin version(s): 24.7.5
OS: Windows

Browsers

Chrome