Mobile (portrait mode)

[tobias-carlbom]

Hi,

I have made a very simple project which I want to be able to run on mobile.
Has anyone made this working?

My problem is:

1. The header is not responsive, meaning in portrait mode I get horizontal scroll bars. With custom css I can set the .header to 100vw and then it seems correct. Without 100vw the user section in the header seem to overflow.
2. Main view is multi view in fit mode. I then have 3 components, 2 on first row and 1 on second row. All in contain mode. Resizing the window works fine on desktop browser, after resize the context in each component gets rezized correctly. In mobile (portrait mode) I get 1 column of 3 rows with vertical scroll bars, which is correct. But the content in each component doesn't get resized/zoomed properly. It feels VERY zoomed in and one see only a very little part of the view in the component.
   Changing the view (which is displayed in the component) to the lowest resolution (width/height) seem to make the resize/zoom more correct.
3. With above I get very small horizontal scroll bars on mobile. The multi view canvas/component seem to have some overflow.

Above is tested with latest version of fuxa and in Firefox on desktop and Firefox and safari on latest iOS.

Hopefully I have made some configuration misses. And I really appreciate any feedback :)

[tobias-carlbom]

fuxa-project(1).json

[unocelli]

Hi, indeed there are still several problems with responsive. and we are a bit discouraged 😉, do you have any suggestions?

[tobias-carlbom]

Please feel free to try out this project:

fuxa-project(3).json