Appearance on a mobile screens

Dears,
please advise how to correct -

  1. Asset page on a mobile screen: “search” field and .mdc-text-field are overlapping:

  2. “View” button on Map screen when an asset selected is not appearing (it is out of the screen i think), issue repeated on Samsung S22+, Xiaomi 15 screens

Hi!

I’m not sure what bug you are reporting here.
Can you provide clear reproducible steps? Like “1. I click on this button. 2. I scroll towards…”

Because, my location window on the /assets page, does not have a search bar.
It only has a “coordinates bar”. The search should only appear on the Map page.
(unless you’ve customized the manager_config.json)

On the “View button does not appear on Map page”;
I can’t reproduce this either; mine is visible like normal, also on a small model.
See screenshots below.

Hi Martin,
Reffering to the point 2 , below is the screenshot from demo app, i think issue because of bottom navigation bar:

By the way it is all good when i try to repeat it on browser on a laptop.

Interesting!

I’ve been able to reproduce this on my personal Android phone.
Seems weird behavior, and not explicitly about the bottom navigation.

I’ll take a look. Depending on the complexity, I’ll either fix it, or create a GitHub issue. :+1:

Made a draft PR for this on our GitHub repository;

.
I will have to do several tests to prove these changes solve it,
along with preventing breaking changes for custom applications.
I’ll keep you up to date. :wink:

hi Martin,
this helped me in or-app/src/index.ts

return css`
:host {
height: 100vh;
height: 100dvh; /* added */
}

“View” button appearing as it shall be on a Map screen

Oh thanks! That is an even better solution than the one I proposed. (using %)
I wasn’t even aware that dvh existed haha
Seems to be supported across browsers.

I’ll update the PR, and let someone review it internally. Should be merged today :+1:
Although, I’m not sure when it will be released. I guess “Soon TM” :joy: