Query page title isn't shown on mobile in some scenarios

[arikfr]

When opening a query page from the queries list, its title is hidden by the navbar.

[gabrieldutra]

While checking this issue I noticed that it couldn't be reproduced through Chrome Devtools, so I debugged it using a Remote Device:

(Note that the whole margin is put below the Mobile Chrome navigation options)

My guess from my tests is that what specifically causes the issue is changing angular route from an scrolled page to the query page, so it keeps the scrolling information .Also it seems to need the Mobile navigation options for the issue to happen and I don't understand 100% why that is, but I'm running tests from #4337.

[gabrieldutra]

The thing with the address bar is that the vh unit considers it as "hidden", so when you have 100vh you'll have a hidden portion when the address bar shows up.

Adding autoscroll to the ng-view partially solves (available here) the issue and makes the behavior similar to what it was previous to the fixed navbar: the "hidden portion" comes back to be the bottom controls on the Query Page (# of rows returned, execute button).

@arikfr wdyt of using that until the React Migration for the query page as a few mobile updates can be done along with it?

[arikfr]

@arikfr wdyt of using that until the React Migration for the query page as a few mobile updates can be done along with it?

👍