Page responsiveness - Fiori app shows in 2 different manner as per Layout Size

[ManuSaini]

Hi Team,

Same application shows control size in 2 different manner in same browser with same pixel size as tested by other developer, its just like same screen will display as screen 1, sometimes its as shows as screen 2(the correct as we want) below:

Screen 1:

Screen2:

My Findings: i am using Chrome browser as well as Microsoft edge with same resolution so its not related to browser version, i have also clear the cache cookie from server as well as from Browser.

Thanks,

Manu Saini

[ArunJacob]

Hi Manu,

Is the form field dynamically switch between an Input field or a Dropdown (ComboBox/Select) based on the value bound to the form (e.g., from a model)- here the Variance Reason and being Editable/Non-editable?

And that combined with responsive layouts (like VBox, HBox, FlexBox, Form, etc.)?

Controls like Input can expand to 100% width if container size isn't properly constrained. One rendering might have more padding/margin or incorrect width calculation.
Also any custom CSS used? That combined with dynamically generated controls could be the issue.

Thanks