First tab not draggable

Is it possible to make the first tab not draggable when the other tabs are?
I also don't want users to be able to drag other tabs to the far left (before first tab).

Best regards
Anders


1 Reply

VR Vijay Ravi Syncfusion Team August 4, 2025 06:41 AM UTC

Hi Anders Franzen,

 

We have reviewed and validated your reported issue regarding the inability to drag the first tab item and the restriction on dragging and dropping other tab items before the first tab. To address this, we recommend implementing a OnDragStart and Dragged events using the tab index. By setting args.cancel based on this check, you can prevent the first tab item from being dragged and ensure that other tab items cannot be dropped before the first tab item. The proposed solution is demonstrated in the code snippets provided below. Refer the shared sample for your reference.


Sample link: https://blazorplayground.syncfusion.com/VjrSNvtpBhGTGUdS

Dragged Event API: https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Navigations.TabEvents.html#Syncfusion_Blazor_Navigations_TabEvents_Dragged

OnDragStart Event API: https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Navigations.TabEvents.html#Syncfusion_Blazor_Navigations_TabEvents_OnDragStart

Don't hesitate to get in touch if you require further help or more information.

Regards,

Vijay


Loader.
Up arrow icon