The images are not shown when using ScrollView TagHelper

[kendo-bot]

Bug report

When defining the ScrollView items within the component declaration, the images are not visible.

Reproduction of the problem

Define the ScrollView TagHelper as per the example below:

<kendo-scrollview name="scrollview_TGH" content-height="100%" style="position: relative; top: 46px; height:640px; width:100vw; max-width: 100%;">
        <items>
            <scrollview-item>
                <content>
                  <div class='photo photo1'></div>
                </content>
            </scrollview-item>
            <scrollview-item>
                <content>
                  <div class='photo photo2'></div>
                </content>
            </scrollview-item>
        </items>
</kendo-scrollview>

<style>
    .photo {
        display: inline-block;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        width: inherit;
        height: inherit;
    }

    .photo1 {
        background-image: url('@Url.Content("~/images/1.jpg" )');
    }

    .photo2 {
        background-image: url('@Url.Content("~/images/2.jpg")');
    }
</style>

The items images are not visible. When the HtmlHelper version of the same configuration, the images are displayed as expected.

A REPL sample for reproduction: https://netcorerepl.telerik.com/mdPcGmuj12N3fqDI31

Possibly related to commit 04b2d4244e2fc0525e3766c56869fb1ede374ed7

Expected/desired behavior

The images must be displayed.

Environment

• **Telerik UI for ASP.NET Core version: 2023.2.829
• **jQuery version: 3.7.0
• **Browser: [all]