1764498 - Android bottom toolbar doesn't hide when CSS transformation is on going.

Status: RESOLVED DUPLICATE of bug 1663634

(Core :: Layout, defect, P3)

Description

[Petru-Mugurel Lingurar [:petru]]

From github: https://github.com/mozilla-mobile/fenix/issues/24751.

Steps to reproduce

1. Go to Settings -> Customise
2. Set to Toolbar: Bottom; Gesture: Scroll to hide toolbar
3. Visit the following site
   https://keithclark.co.uk/articles/pure-css-parallax-websites/demo3/
4. Scroll up
5. Scroll down

Expected behaviour

4. "Scroll up" should hide the toolbar at the bottom
5. "Scroll down" should reveal the toolbar again.

Actual behaviour

4. "Scroll up" doesn't hide toolbar
   which makes impossible to see the content at the bottom if the content position is relative or absolute.

Device name

Galaxy Note 10+

Android version

Android 12

Firefox release type

Firefox

Firefox version

99.1.1

Device logs

No response

Additional information

No response

Change performed by the Move to Bugzilla add-on.

Comment 1

[Chris Peterson [:cpeterson]]

Looks like a dynamic toolbar bug, so moving to the Layout component.

This bug was reported in Firefox 99.1.1. Does it happen in older versions?

Petru says:

At a quick look there doesn't seem to be any layout issue in the linked website and the toolbar is behaving as expected - the scroll is consumed by the parallax. The same is happening on Chrome.

Comment 2

[Chris Peterson [:cpeterson]]

I see the same behavior in Safari on iOS 15.4.1. Since Firefox, Chrome, and Safari all have the same behavior, maybe this is a website bug, not a browser bug.

Comment 3

[Myoungjin Jeon]

Hi, I found that "dynamic toolbar" require the "body" is longer than actual device height.
Because
When you visit my first demo: https://jeongoon.github.io/examples/18Mar2022.CssParallax/cssParallaxExample.html

It has some css property like:

html, body {
    overflow: hidden;
}

however, my second demo : https://jeongoon.github.io/examples/15Apr2022.CssParallax/cssParallaxExample.html

which doesn't have above css, will hide the toolbar.

ONLY WHEN scrolling hit the bottom of the page, and maybe is trying to go AFTER some div in the body.
But you could still empty space at the bottom after hiding the toolbar.

I guess that this not toolbar bug, but it needs some improvement.

Comment 4

[Emilio Cobos Álvarez (:emilio)]

Hiro do we / should we have a dynamic toolbar metabug so that we can keep track of these more easily?

Comment 5

[Hiroyuki Ikezoe (:hiro)]

There's no specific meta bug for dynamic toolbar related issues, we've been blocking bug 1123938.

So, anyway this is a dup of bug 1663634, I really wonder why web developers do think overflow-ed overflow:hidden body region is reachable by user interactions?

Comment 6

[Chris Peterson [:cpeterson]]

Removing regressionwindow-wanted keyword because this bug has been resolved.

Comment 7

[Chris Peterson [:cpeterson]]

Removing regressionwindow-wanted keyword because this bug has been resolved.

Comment 8

[Chris Peterson [:cpeterson]]

Removing regressionwindow-wanted keyword because this bug has been resolved.