OverflowMode not enforced when used with Sidebar

Hello,


This is an observation of an unexpected behavior...


Consider the case using a Tabs component with a vertical Sidebar. The Tabs is set with OverflowMode = Scrollable and with multiple Tab Items defined. 


With the Sidebar IsOpen = false, resize the application window so all tabs use the (almost) full width of the Tabs component (no scroll arrows in the Tabs header section). Now set Sidebar IsOpen = true. The right-most tab is now not completely visible however, there are no scroll arrows in the Tabs header.


Flip the situation and, with IsOpen=true, size the application windows to the point where the Tab header scroll arrows are just displayed. Now set IsOpen=false. All the tabs fit in the Tabs component but the scroll arrows are still displayed.


Peter


1 Reply

MG Mugilraj Govindarajan Syncfusion Team April 18, 2022 02:40 PM UTC

Hi Peter,


Greetings from Syncfusion support.


We had validated your reported query at our end. But, we are unable to reproduce it at our end, and it working as expected. we had prepared a sample based on your shared details.

Kindly try the shared sample and if you still facing the problem share the below details

  • Tab and Sidebar rendering code which reproduces the issue
  • Issue reproducing sample or
  • Reproduce the issue in shared sample if possible.


Regards,
Mugilraj G


Attachment: TabInSideBar_c0802ac8.zip

Loader.
Up arrow icon