SfCarousel Space Bar Interactions

[Hunter Malley]

Hello,

I am encountering some issues with presses of the space bar in the SfCarousel component and am seeking some guidance. Here is a link to a playground showcasing the issues: https://blazorplayground.syncfusion.com/VXVejUVfmDDAiprq

1. Disable Pause/Play
1. When the space bar is clicked on the carousel, the Carousel starts auto playing even when AutoPlay is explicitly set to "false".
   
2. Steps to Reproduce
1. In the linked Playground, click on the slide content of the carousel
2. Press the space bar
3. Move mouse off of the carousel (default for PauseOnHover is true, need to remove hover to see auto play).
4. Carousel will start auto playing.
2. Space bar press on last slide with Loop set to "false" jumps to first slide.
1. When the carousel Loop property is "false", the selected index is on the last slide, and the space bar is pressed, the carousel jumps to the first slide and starts AutoPlay.
   
   1. Steps to Reproduce
      1. Navigate to the last slide in the carousel
      2. Press the space bar
         
      3. Carousel will jump back to start and begin auto playing
1. Setting the buttons to visible provides some explanation. 
1. When Loop is set to "false" and the carousel is on the last slide, the Next button is focused with no way to un-focus it.
   
2. Pressing the space bar then triggers the navigation event.
2. I imagine this is what is happening behind the scenes when the buttons are hidden as well.

My questions are:

1. Is there any way to disable the ability to Pause/Play the slides without disabling Keyboard Interaction all together? I want to preserve the ability to navigate the carousel using the arrow keys.
2.  Is there any way to prevent navigation back to the start when Loop is "false"? I have the buttons hidden because I do not want the user to be able to interact with them at all. 
   

[Swathi Ravi]

Hi Hunter,

 

Your reported problem is considered a bug. The fix for this defect will be included in our upcoming weekly patch release, which is expected to be rolled out by April 08, 2025. You can track the status of the fix at the following link:

 

Feedback: Issue with carousel slide navigation when using the spacebar interaction in Blazor | Feedback Portal

 

Disclaimer: Inclusion of this solution in the weekly release may change due to other factors including but not limited to QA checks and works reprioritization.

 

Regards,

Swathi Ravi

[Saritha Sankar]

Hi Hunter,

We are glad to announce that our weekly release (V29.1.38) has been rolled out successfully. The fix for the issue has been included in our weekly release(29.1.38). Upgrade to the latest version to resolve the issue.

Release notes: Essential Studio for Blazor Weekly Nuget Release Release Notes

Feedback: Issue with carousel slide navigation when using the spacebar interaction in Blazor | Feedback Portal

Root Cause: AutoPlay is set to false, but pressing the space bar triggers OnPlayButtonClick, changing AutoPlay to true and starting the slide.

At the last slide, space bar triggers the same logic as the Play button, causing the carousel to loop to the first slide.

Sample Link for issue 1: https://blazorplayground.syncfusion.com/VjLyZfsnhcncwOSh

Sample Link for issue 2:  https://blazorplayground.syncfusion.com/VNVyNJsRLQmjXirT

We thank you for your support and appreciate your patience in waiting for this release. Please get in touch with us if you would require any further assistance. 

Regards,

Saritha S.