[TIMOB-12923] iOS: Toolbar buttons have very large hitbox
| GitHub Issue | n/a |
|---|---|
| Type | Bug |
| Priority | Low |
| Status | Closed |
| Resolution | Invalid |
| Resolution Date | 2017-05-02T23:03:08.000+0000 |
| Affected Version/s | Release 3.0.2 |
| Fix Version/s | n/a |
| Components | iOS |
| Labels | exalture, ios, systembutton, toolbar |
| Reporter | Carter Lathrop |
| Assignee | Eric Merriman |
| Created | 2013-02-28T13:35:06.000+0000 |
| Updated | 2017-05-02T23:03:08.000+0000 |
Description
*Problem*
When a toolbar has buttons in it separated by a flexible/fixed space, the buttons have very large hitboxes well outside of actual button itself
*Steps to Reproduce*
1. Open Kitchen Sink
2. Navigate to Controls > Toolbar > (Click middle of the two buttons in the bottom bar)
3. Controls > System Buttons > Button Group 2 > (Click between trash and reply in the bottom bar)
Notice in comparison to: Controls > System Buttons > Button Group 5
The bottom bar between the info buttons work as expected.
The add button in the topbar and back button also work as expected.
This bug causes end users some bad ui problems, as clicking anywhere in the toolbar, even when not on a button, will trigger some action in the app.
Tommy, do you have any particular test cases in which you are experiencing this behavior or is it only in the kitchen sink?
We have a custom top toolbar for our app. It has a back button and two buttons on the right with a flexible space in the middle. It uses the "items" property. When the user clicks the middle of the toolbar, for whatever reason, it will trigger the back button or one of the buttons on the right hand side. If we pull the code out into a simple test case, it is just the same as the kitchen sink example.
Confirmed behavior on Ti SDK 3.0.3.v20130219140159, iOS (6.0) Simulator.
Resolving ticket as Invalid as there is now a new version of Kitchen Sink available.