Wrong calculation of top position in case of two sticky header bars

In my Pro 3.2.2 header builder setup, there’s two sticky bars sitting on top of each other. The upper one has top and bottom padding applied, its containers have top and bottom margins. When scrolling away from the top of the page so that the stickyness comes into play, these margins and paddings are not taken into account when setting the positional top value for the lower bar resulting in some misalignment.

This is fixed by editing the minified framework/dist/js/site/x.js replacing t.$el.height() with t.$el.outerHeight(true).

It clearly looks like a bug - why should you ignore the margins, paddings and borders of the upper bar when positioning the following elements -, but I’m wondering if there’s a certain point in using height()? If not, please consider changing it to outerHeight(true) as overriding and/or constantly keeping up with a minified file that probably changes frequently causes some serious PITA.

Hi Christian,

Thank you for the heads up, I’ve submitted this to our issue tracker so the developers will be made aware of it.

Have a nice day,

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.