[web] Allow Flutter apps to have 13% bigger screen after being scrolled down

[tomasbaran]

Let browsers know you are scrolling a Flutter app, so it automatically hides the toolbars (like it happens in other websites)

Use case

Watch the upper bar get shrink and the bottom toolbar get disappear, so the app gets the bigger real estate.

This is how a non-flutter competing app does it:

This is how my Flutter app does it:

Look how much space the non-flutter app gets for their app.

Proposal

We, Flutter developers, should NOT be disadvantaged by choosing Flutter for our apps, while our competing apps get bigger real estate for their apps.

Other apps are able to reduce the toolbars that get in the way from 20% -> 7%. Flutter apps have that 20% in the way all the time.

[jamesblasco]

It is not just to make it bigger. If the browser can't detect the scroll of a Flutter app features like scroll to top touching the status bar won't work either.

[Piinks]

Hi @tomasbaran, thanks for reporting, I think this is a duplicate of #69529, there is more context and discussion there, so I am going to close this issue to consolidate it with that one. If you feel that this is a separate issue, let us know and we can reopen it. :) Thank you!

[github-actions]

This thread has been automatically locked since there has not been any recent activity after it was closed. If you are still experiencing a similar issue, please open a new bug, including the output of flutter doctor -v and a minimal reproduction of the issue.