Completed
Last Updated: 18 Jan 2024 10:15 by ADMIN
Release 2024 Q1
Created by: Barry Burton
Comments: 0
Category: ScrollView
Type: Bug Report
0

### 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]