[Bug][MultiSelect] Header and footer are rendered outside of the interactive list element

[Yanko-Georgiev]

Description

The header and the footer are rendered outside of the interactive list element, which causes the popup to close when the header is clicked.

This is also reproducible with ComboBox, DropDownList, and AutoComplete.

Plan

KendoReact Free

Steps To Reproduce

1. Open the following demo: https://stackblitz.com/edit/react-91ieqf5v?file=app%2Fapp.tsx
2. Open the MultiSelect
3. Click the header

Actual Behavior

The popup closes when the header is clicked

Expected Behavior

The header is part of the popup; therefore, it should not close the popup when clicked

Reported in TicketID: 1706695