Skip to content
This repository has been archived by the owner on Feb 20, 2023. It is now read-only.

[Bug] Tab tray collapses to semi-closed state when tapping on it #14980

Closed
hwinnemoe opened this issue Sep 11, 2020 · 6 comments
Closed

[Bug] Tab tray collapses to semi-closed state when tapping on it #14980

hwinnemoe opened this issue Sep 11, 2020 · 6 comments
Assignees
Labels
🐞 bug Crashes, Something isn't working, .. E3 Estimation Point: average, 2 - 3 days eng:qa:verified QA Verified Feature:Tabs

Comments

@hwinnemoe
Copy link

hwinnemoe commented Sep 11, 2020

Steps to reproduce

  1. Have the tab tray in its default open state with zero or only a few tabs
  2. Tap on the area next to the buttons for PBM and normal browsing - try to not move your finger while tapping or use a long-press gesture

Expected behavior

I do not know what the expected behaviour here should be.

Actual behavior

The tab tray closes halfway. Doing this in landscape mode produces an even less useful result. Note: Same result as #13777 but different STR.

tab-tray-semi-closed

Device information

  • Android device: Sony Xperia Z2, Android 6.0.1
  • Fenix version: Nightly 200911 06:01 (Build #2015763249)
    AC: 58.0.20200908130811, 52ac53ba1
    GV: 82.0a1-20200907094115
    AS: 61.0.13

┆Issue is synchronized with this Jira Task

@hwinnemoe hwinnemoe added the 🐞 bug Crashes, Something isn't working, .. label Sep 11, 2020
@github-actions github-actions bot added the needs:triage Issue needs triage label Sep 11, 2020
@hwinnemoe
Copy link
Author

According to https://material.io/develop/android/components/sheets-bottom, "STATE_COLLAPSED: The bottom sheet is visible but only showing its peek height". Maybe this can be avoided by using setSkipCollapsed?

@boek
Copy link
Contributor

boek commented Sep 11, 2020

@hwinnemoe you're right. 🤔 I think we had that set at one point. Will have to investigate what happened to it

@liuche liuche added this to Inbox in Engineering triage via automation Sep 17, 2020
@liuche liuche moved this from Inbox to Sourpatch Staging in Engineering triage Sep 17, 2020
@liuche liuche removed the needs:triage Issue needs triage label Sep 17, 2020
@liuche liuche moved this from Sourpatch Staging to Skittle Staging Backlog in Engineering triage Sep 17, 2020
@liuche liuche moved this from Skittle Staging Backlog to Hershey Staging in Engineering triage Oct 7, 2020
@mcarare
Copy link
Contributor

mcarare commented Oct 7, 2020

The state is actually STATE_HALF_EXPANDED. Can UX weigh in on the expected behavior? We could hide the tab tray completely instead of showing it half expanded, or we could just stick to the current behavior.

@topotropic
Copy link

@mcarare would it be possible that nothing happens when people just tap on the header part of the sheet?

@Mugurell
Copy link
Contributor

Looked into this and saw that it's not really possible to disable STATE_HALF_EXPANDED while keeping also fitToContents = false.

fitToContents = false would disable STATE_HALF_EXPANDED but then we'd need to make some bigger changes in order for the UI to look the same as it is now. And I saw no clear specs about the tabs tray height in expanded/collapsed state or the offsets so this would mean more work.

What I'll go with is just setting a very small height for the tabs tray when in STATE_HALF_EXPANDED to effectively disable it. When swiping down on the tabs tray while in STATE_COLLAPSED the tray will still be able to transition to STATE_HALF_EXPANDED but the height of the tray will be miniscule and it will immediately be hidden so this troublesome state will be invisible to the users.

To respond to @topotropic to the question above: yes, I'll make it so that nothing will happen when users will tap the header part of the tray.

@apbitner apbitner removed the needs:UX-feedback Needs UX Feedback label Oct 30, 2020
Mugurell added a commit that referenced this issue Nov 4, 2020
STATE_HALF_EXPANDED cannot be disabled while also keeping fitToContents = true
based on which the tabs tray layout is currently set.
To work around this we'll set a a minuscule height for the tab tray when in
this state and then immediately advance to STATE_HIDDEN so to make it
imperceptible to the users.
Since I couldn't write unit tests because of InflateExceptions in Robolectric
I've written UI tests to protect against regressions.
@Mugurell Mugurell added the eng:qa:needed QA Needed label Nov 4, 2020
@AndiAJ
Copy link
Collaborator

AndiAJ commented Nov 5, 2020

Hi, verified as fixed on the latest Nightly Build 201105 using the following devices:
• Google Pixel 3a (Android 11)
• Huawei Mate 20 Lite (Android 10)
• OnePlus A3 (Android 6.0.1)

► Video
20201105-092949

@AndiAJ AndiAJ closed this as completed Nov 5, 2020
@AndiAJ AndiAJ added eng:qa:verified QA Verified and removed eng:qa:needed QA Needed labels Nov 5, 2020
@codrut-topliceanu codrut-topliceanu added the E3 Estimation Point: average, 2 - 3 days label Nov 5, 2020
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
🐞 bug Crashes, Something isn't working, .. E3 Estimation Point: average, 2 - 3 days eng:qa:verified QA Verified Feature:Tabs
Projects
Engineering triage
  
Hershey Staging
Development

No branches or pull requests

9 participants