[Carousel]: Content loads up empty section when concerned item is not visible

[kumarUtsav-01]

Bug Description

We are creating an oData v4 application. We are using UI5 Carousel component to render the header sections in the app. Each header section is a slide in the carousel.

These header sections are represented as array of schema objects. A schema object is a JS representation of UI structure of the section.

These schemas set to the carousel component content attribute. Each schema is mapped to one custom field group component. This custom component has visible property which is bound to one of attributes of the schema and gets resolved in runtime.

Post resolving the values from oData model, the custom field group component becomes invisible but, the carousel still shows an empty slide for that component.

Affected Component

Carousel

Expected Behaviour

The carousel component should be able to recognize if any of the content passed has become invisible and should not show an empty slide for that component.

Isolated Example

No response

Steps to Reproduce

1. Navigate to existing example for the carousel component mentioned in UI5 documentation.
2. Pick the first code snippet and modify one of the image element with hidden = "true".
3. The carousel shows an empty slide for the image element rather than hiding the slide itself.

Log Output, Stack Trace or Screenshots

No response

Priority

Medium

UI5 Web Components Version

1.136.1

Browser

Chrome

Operating System

No response

Additional Context

No response

Organization

No response

Declaration

• I’m not disclosing any internal or sensitive information.

[kgogov]

Hello @SAP/ui5-webcomponents-topic-rd, could you please take a look at this feature request?

Regards,
Konstantin