SplitButton doesn't behave as split button using touch
See original GitHub issueDescribe the bug
SplitButton doesn’t behave as split button using touch.
Steps to reproduce the bug
- Create a split button with a default command and drop down (e.g. with content ‘Play’)
- Try clicking the “button” part with the mouse => works
- Try tapping the “button” part with touch => shows dropdown
Expected behavior
Since a default command is bound to the button, I don’t want to repeat myself inside the dropdown for touch (otherwise I would have used the DropDownButton). I would expect the SplitButton to be invoking the command when tapping the button part.
Screenshots
Using mouse:
Using touch:
Version Info
All windows versions (Windows 10 Mobile, and the 1809 update on a surface tablet)
NuGet package version:
<PackageReference Include="Microsoft.UI.Xaml">
<Version>2.0.181018003.1</Version>
</PackageReference>
Windows 10 version:
- Insider Build (xxxxx)
- October 2018 Update (17763)
- April 2018 Update (17134)
- Fall Creators Update (16299)
- Creators Update (15063)
- Anniversary Update (14393)
Device form factor:
- Desktop
- Mobile
- Xbox
- Surface Hub
- IoT
Additional context
Issue Analytics
- State:
- Created 5 years ago
- Reactions:3
- Comments:19 (10 by maintainers)
Top Results From Across the Web
Split Buttons: Definition
A split button is a hybrid between a button and a menu: it groups related commands together into a dropdown, but also offers...
Read more >Split BUtton is not Working
I am using this example on my application. https://codepen.io/kushalpandya/pen/IAhin/ Button is appearing perfectly on the screen. I place div ...
Read more >SplitButton Class (Windows.UI.Xaml.Controls) - UWP
Represents a button with two parts that can be invoked separately. One part behaves like a standard button and the other part invokes...
Read more >Buttons - Windows apps
When invoked with touch, the split button behaves as a drop down button; both halves of the button invoke the flyout. With other...
Read more >Kendo-split-button close the drop down dynamicallyically
In the SplitButton, when an item from the drop-down list is selected, the drop-down closes. Here is an example, showing this default behavior:....
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Whenever you implement a command on the button itself (SplitButton.Command), then that will never be invokable. So you must repeat yourself in the flyout in order to actually allow the (most important) command to be executable.
I think it’s a UX design issue, that can be considered a bug in the apps using this button of the devs are not aware of this.
Then shouldn’t it be mentioned in the remarks of the docs? And I think it’s still a design issue, because in this case it’s not a split button at all (and I need to repeat myself in order to get the regular button behavior, it’s actually not working as intended on touch devices).