Explore expanding the card control hit area

[MarkPearce]

Hit targets on the button should use the button div, not the icon image.
this is especially bad on the flip card split button, where the active area is one of two tiny arrows

[zeel01]

I don't love that the hit area is tiny, though I think you can see why it can't be the entire black rectangle given that multiple controls can share a container.

[MarkPearce]

In that case you may want to look at implementations of segmented control, or button groups. Best practice would be to make the visible button area active, and split the button into segments if you're grouping functions. Segmented buttons often behave like tabs, but sounds like you want to use it more like a split button. Offering multiple related actions. for example: https://polaris.shopify.com/components/actions/button-group#all-examples https://www.lightningdesignsystem.com/components/button-groups/ https://rivet.iu.edu/components/forms/buttons-segmented/ If you're interested in accessibility the minimum hit area for mouse ui is 24x24 for wcag AA, and 44x44 for AAA

…

On Thu, Feb 24, 2022 at 12:22 AM Josh Olsen ***@***.***> wrote: I don't love that the hit area is tiny, though I think you can see why it can't be the entire black rectangle given that multiple controls can share a container. — Reply to this email directly, view it on GitHub <#44 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ABVHG6RBVJH2JFJOJFM4KPDU4VT5DANCNFSM5PFVTPRQ> . Triage notifications on the go with GitHub Mobile for iOS <https://apps.apple.com/app/apple-store/id1477376905?ct=notification-email&mt=8&pt=524675> or Android <https://play.google.com/store/apps/details?id=com.github.android&referrer=utm_campaign%3Dnotification-email%26utm_medium%3Demail%26utm_source%3Dgithub>. You are receiving this because you authored the thread.Message ID: ***@***.***>