item position changed while scrolling in blazor virtualize with multiple items in row.

[kmkrish001]

Is there an existing issue for this?

• I have searched the existing issues

Describe the bug

item position changed while scrolling in blazor virtualize with multiple items in row.

Expected Behavior

Need to maintain the same position and scroll will works to load the row of items.

Steps To Reproduce

<ul style="height:400px;overflow-y:scroll">
    <Virtualize Items="ListItems" Context="item">
                <ItemContent>
                        <li class="li-item">
                            <span>@item</span>
                        </li>
                </ItemContent>
    </Virtualize>
</ul>

@code { public List<string> ListItems = new List<string>(); protected override void OnInitialized() { for (int i = 0; i < 1000; i++) { ListItems.Add("Item " + i); } } }

<style>

.container {
    border: 1px solid gray;
}

.li-item {
    float: left;
    border: 1px solid red;
    height: 80px;
    width: 80px;
}

.li-item {
    float: none;
    display: inline-block;
}

</style>

Exceptions (if any)

No response

.NET Version

7.0

Anything else?

screenshot,

[mkArtakMSFT]

Thanks for contacting us.
This is currently not supported and the work to add support for it is tracked by #28821