Carousel: Carousel.navigateTo() doesn't reset _resizing flag, causing first programmatic navigation to have no animation

[shubho5]

Describe the bug

The navigateTo() method in the Carousel component does not reset the internal _resizing flag before performing navigation. This causes the suppressAnimation getter to return true, which adds the ui5-carousel-content-no-animation CSS class and disables the slide transition.

This issue is particularly noticeable when arrowsPlacement is set to CarouselArrowsPlacement.Navigation, where the ResizeObserver triggers during initial mount and sets _resizing = true. The first programmatic call to navigateTo() then executes with animations suppressed.

Isolated Example

No response

Reproduction steps

1. Create a Carousel with arrowsPlacement={CarouselArrowsPlacement.Navigation}
2. Add multiple items to the carousel
3. Call carouselRef.current?.navigateTo(1) programmatically on first user interaction (e.g., button click)
4. Observe: First navigation has no animation (instant snap)
5. Call navigateTo(2) again
6. Observe: Subsequent navigations animate correctly

Expected Behaviour

Programmatic navigation via navigateTo() should animate smoothly on every call, including the first navigation after component mount.

Screenshots or Videos

No response

UI5 Web Components for React Version

Carousel

UI5 Web Components Version

"@ui5/webcomponents": "2.18.1", "@ui5/webcomponents-fiori": "2.18.1", "@ui5/webcomponents-react": "2.18.1", "@ui5/webcomponents-react-compat": "2.18.1",

Browser

Chrome

Operating System

No response

Additional Context

No response

Relevant log output

Organization

No response

Declaration

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

[Lukas742]

Thanks for reporting! I'll forward this issue to our UI5 Web Components Colleagues as the affected component is developed in their repository.

[shubho5]

Thanks for the quick reply. Will my issue be visible in their repo(UI5/webcomponents-react), or will it be tracked here only?

[Lukas742]

Hi @shubho5
the issue was moved from ui5/webcomponents-react to ui5/webcomponents (this repo). So, this is the only one available.

[LidiyaGeorgieva]

@UI5/ui5-team-ctr-rod please have a look at this issue
Steps:

1. open sample link
2. click on the arrow right button
3. [the reported issue) there is no animation
4. click again on the right arrow button
5. there is animation