Fenix: The tap area for the close tab button is too small
Very often when I try to hit the little X in the top right corner of a tab, I miss it and instead open the tab. The recommended tap area is 24dp but recommended is 48dp with padding. Maybe we can simply put a larger button on top of the whole top right corner?
See also Touch target size
Asking @lime124 for feedback
st3fan
All 14 comments
Swipe to close tabs would be nicer to have.
thanuj10
on 21 Feb 2019
added to the UX triage board. thanks stefan!
lime124
on 21 Feb 2019
In Fennec we've used a TouchDelegate (respectively our own copy because of a bug that was only fixed for Android P, so we'd have to re-use that for the foreseeable future) to extend the clickable area of the close button without increasing its visual size (which eats into the space available for the tab title).
We also did the same thing for hover events to handle explore-by-touch, too.
buttercookie42
on 5 Mar 2019
I created an extension function for generating TouchDelegates for any View. We just need to be sure to leave enough room in the layout so it works.
colintheshots
on 5 Mar 2019
Can we define a touch area or do we need to have a button in that size? I think the layout allows for 48 ✕ 48. Let me know if you need any assets. Thanks!
topotropic
on 13 Mar 2019
@st3fan can we define a touch area?
vesta0
on 1 Apr 2019
A TouchDelegate resolves the problem by increasing the touch area of the button. This works, provided another button is not right next to the button whose touch area you want to increase. This allows the user to touch a margin area and still manage to press the button.
colintheshots
on 4 Apr 2019
Still an issue on the new tabs design.
sv-ohorvath
on 25 Apr 2019
How are we feeling about the size/touch size of this close button now? At some point someone added a 12dp touch size increase. It visually looks pretty small to me, but up to UX
ekager
on 12 Jun 2019
Either needs to be larger or maybe it just needs to look more like a button?
nahuhh
on 23 Jun 2019
Can we define a touch area or do we need to have a button in that size? I think the layout allows for 48 ✕ 48. Let me know if you need any assets. Thanks!
^^ This was Nicole's suggestion, but based on what @colintheshots says it isn't clear to me if he's just providing information or saying we can't implement Nicole's suggestion b/c the buttons are too close.
A TouchDelegate resolves the problem by increasing the touch area of the button. This works, provided another button is not right next to the button whose touch area you want to increase. This allows the user to touch a margin area and still manage to press the button.
Please clarify. Thanks!
lime124
on 23 Jul 2019
perhaps @boek can chime in? please re-add ux label if we need to come up with another solution. thanks!
lime124
on 25 Jul 2019
Can we consider this fixed with: https://github.com/mozilla-mobile/fenix/issues/4193 ?
sv-ohorvath
on 31 Jul 2019
Looks like this is fixed. Going to close it.
topotropic
on 15 Nov 2019
Related issues
thelazyoxymoron
·
3Comments
topotropic
·
3Comments
softvision-miralobontiu
·
3Comments
bbinto
·
3Comments
abodea
·
3Comments
Most helpful comment
Swipe to close tabs would be nicer to have.