The left half of a ‘+’ or ‘-’ button does not behave the same way, with the mouse, as the right half.
Cursoring over the left half highlights the button. Clicking there “presses” the button.
None of that happens with the right half. Is there a way to make both halves behave the same?
[Moved to bug reports]
I’m having trouble reproducing this one - do you mean a Button component that has its text property set to “+”, or perhaps it’s icon property set to fa:times?
No icon. I have a relatively narrow button, with its text set to “+” when it represents a tree node that is collapsed (and the user can thereby expand it). To “-” when it represents a tree node that is expanded (and the user can thereby collapse it). Either action causes the text to change to its opposite state.
This representation of state is also easy to check from within code. Not sure how I’d do that with an icon…
I am using Chrome under Windows 10. Take a close look at the button, while moving the mouse cursor slowly over various parts of it. You will see the button respond in real time, by changing shade, slightly, when the cursor is over a clickable point. At those points in space where the mouseover triggers a color change, the button will respond to a mouse click. Where the button color remains unchanged, the button does not respond to a mouse click.
It’s a subtle clue, but rather helpful. If the button hasn’t changed shade, I know I haven’t moved the mouse into its “sensitive” region, and so I know not to click (yet). However, your typical user will not be so observant, and will expect the full area of the button to be clickable. This was, in fact, rather frustrating, until I noticed that subtle hint.
For me, the unresponsive area covers roughly the right half of the button. This may be a border issue: my button has purposely been made about as narrow (horizontally) as possible, to leave as much room as possible for the outline text to its right.
We should probably not be counting on users to notice subtle visual clues. I know several folks who just don’t have the eyesight for it. Others lack the patience. And several others have given up any hope that any activity they see on screen has anything to do with their actions. (Too many animated advertisements, I think.) A bolder color change is probably in order.
Thanks for the extra detail - that helped me reproduce and fix the problem. When columns became really narrow, the padding for the next column over could start to overlap components in previous columns, capturing mouse events and reducing the clickable region.
This is now fixed and will be released in the next few days. Thanks for the report!