Layout and transition problems when using both application and view fixed bars for a ScrollingView

[Sebastien Brunot]

See the attached sample html file and the attached pictures: they are layout issues when a page defines application wide fixed bars (header and footer) and also define a ScrollingView? that contains its own header and footer. The problems are different with declarative and programmatic views (see the attached pictures). There is also a problem during the transition between the two views (transition duration set to 5 seconds in the example file to demonstrate it more clearly), as the in view is not placed below the application bar.

[Sebastien Brunot]

sample file that demonstrate the problem

[Sebastien Brunot]

layout with the declarative view

[Sebastien Brunot]

layout with the programmatic view

[Sebastien Brunot]

Working on a fix.

[Sebastien Brunot]

I've attached a patch that try to fix the problems and define a doh test. I need to perform more testing (regression testing) before publishing the final fix proposal.

[Sebastien Brunot]

Final version of the patch has been attached, after verification of non regression.

[Sebastien Brunot]

Proposed fix + doh test (IBM CCLA)

[cjolif]

In [30572]:

fixes #16681. Fixes layout and transition problems when using both application and view fixed bars for a ScrollingView. Thanks Sebastien Brunot (IBM, CCLA). !strict.

[cjolif]

In [30573]:

refs #16681. Add the test to the list. Thanks Sebastien Brunot (IBM, CCLA).

[Sebastien Brunot]

The first patch has a side effect: when there is an application footbar, it size is not taken into account to define the height of the scrollable area. As a consequence, the bottom of the scrollable area is below the footer.

I'm attaching a second patch, that complement the first one, to fix this side effect.

[Sebastien Brunot]

Fix the side effect of the first patch (app footer not taken into account to define the height of the scrollable area). (IBM CCLA)

[cjolif]

In [30623]:

fixes #16681. Fix a regression introduced by #16681 (app footer not taken into account to define the height of the scrollable area). Thanks Sebastien Brunot (IBM CCLA). !strict.

[ben hockey]

In [30657]:

remove trailing comma introduced in r30572

refs #16681 fixes #16745