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

### 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%;">
                  <div class='photo photo1'></div>
                  <div class='photo photo2'></div>

    .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")');

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:

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]