ScrollBar-Buttons of AnimatedSingleRowTabControl possibly too small

[davikor]

Problem description
The style for the TabControl from the Controls.AnimatedSingleRowTabControl.xaml possibly has a flaw concerning the RepeatButtons used to initiate a scroll action. As highlighted in the screenshot attached, the width of the ScrollBar and thus the RepeatButtons included is very limited therefore its hard for users to initiate a scroll action in my opinion.

This behavior also occurs with horizontally oriented TabControls but it is more obvious with vertically oriented TabControls (e.g. TabStripPlacement=Left)

To Reproduce
Add the following XAML into a window (and make sure it is small enough so that the ScrollBar gets enabled:

<TabControl TabStripPlacement="Left"> <TabControl.Items> <TabItem Header="A8" /> <TabItem Header="A7" /> <TabItem Header="A6" /> <TabItem Header="A5" /> <TabItem Header="A4" /> <TabItem Header="A3" /> <TabItem Header="A2" /> <TabItem Header="A1" /> </TabControl.Items> </TabControl>

and add the following line to your App.xaml or resources:

<ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/Controls.AnimatedSingleRowTabControl.xaml" />

Expected behavior
In my opinion, the scroll action should be initiated, when a user clicks anywhere in the area I marked yellow and not just when hitting exactly the small triangle icon.

Screenshots

Environment

• MahApps.Metro version v1.6.4
• OS: Win10 1803
• Visual Studio 2017
• .NET Framework 4.7