FlexBox Issue On Chrome

[amjadghazisas]

OpenUI5 version:

Browser/version (+device/version): Version 34.0.1847.131 m

Any other tested browsers/devices(OK/FAIL): FireFox

URL (minimal example if possible): http://jsbin.com/jelexizo/8/edit

User/password (if required and possible - do not post any confidential information here):

Steps to reproduce the problem:

1. Created a nested FlexBox with ScrollContainer with one of the containing controls
2. Run the sample on chrome and Firefox
3. The output on chrome is incorrect but the outcome on Firefox is correct

What is the expected result? The layout should render correctky in Flexbox to include ScrollContainer correctly

What happens instead? The ScrollContainer is thrown out side the layout

Any other information? (attach screenshot if possible) The code and running sample are available here:

http://jsbin.com/jelexizo/8/edit

[jmoors]

It seems to be related to the nested flex boxes and the height being set to 100%.I noticed in the FlexboxRenderer that this is a specific check for ScrollContainers, not sure if this is necessary, however the flex box seems to be displayed correctly if I remove.

// ScrollContainer needs height:100% on the flex item
if(aChildren[i] instanceof sap.m.ScrollContainer) {
oRm.addStyle("height", "100%");
}

http://stackoverflow.com/questions/20959600/height-100-on-flexbox-column-child

Regards,
Jason

[aborjinik]

I think the source of the issue is again FlexItem wrapper. At least it should not be applied for the browsers that support latest flex box spec.

[machwitt]

Hi,
the flexbox issue has already been described in #49.
It has been added to our backlog but has not been resolved yet.

Since this is issue a duplicate, I will close it.
Thanks for reporting,
Martin