Empty space when filtering combobox with virtualization

[Sivem4]

I'm submitting a...

• Bug report

Current behavior

Expected behavior

Minimal reproduction of the problem with instructions

To reproduce this issue simply try to filter list by a name on demo Filtering with Remote Data and Virtualization For example: maria

What is the motivation or use case for changing the behavior?

Empty space is reducing grid rows visibility. Fixing this would have aesthetic value as well.

Environment

Package versions:

Browser:

• Chrome (desktop) version 101.0.4951.67 (64-bit)
• Firefox version 100.0.2 (64 bit)
• Edge version 101.0.1210.53 (64-bit)

System:

• TypeScript version: 4.6.4
• Platform: Windows

[nstoychev]

Could be resolved using the following CSS:

.k-height-container {
    position: absolute;
}

[Sivem4]

Hi, I used your solution, however it changed the behavior of scroll as shown below. Can you help with that ? Thanks in advance.

[nstoychev]

@Sivem4 - Here is another solution, which works this time: https://stackblitz.com/edit/react-jq6vox?file=index.html,app%2Fmain.jsx

.k-virtual-content .k-list-ul {
    float: left;
    width: 100%;
}

[WissamProgress]

Reported in Ticket ID: 1621975

[kdikov82]

Workaround with the latest version:

            <style>
                .k-list-content .k-list-ul {
                    float: left;
                    width: 100%;
                }

[elena-gancheva]

The fix is available in the latest dev version of the package and will be available in an official release version on 15th May