This is related to the offsettopchange event and the offset calculation across different responsive steps.

The position of the toolbar bar and tray are absolute by default, which means they scroll with the page. The table header offset is only needed when the bar and tray are present on the screen.

The position of the toolbar bar and tray is switched from absolute to fixed at the breakpoint 16.5em.

Comments

jessebeach’s picture

jessebeach CreditAttribution: jessebeach commented
Status: Active » Closed (fixed)

It turns out that I needed to add a window resize trigger to the setHeight function to cause the overlay to recalculate its top offset.

$(window).triggerHandler('resize');

This issue has been updated in the main issue (#1137920) with the following patch #1137920-210: Fix toolbar on small screen sizes and redesign toolbar for desktop.

jessebeach’s picture

jessebeach CreditAttribution: jessebeach commented
Issue summary: View changes

added related issue #1829326

klonos’s picture

klonos
he/him
Primary language English
Location 90% Melbourne, Australia - 10% Larissa, Greece
CreditAttribution: klonos commented
Issue summary: View changes
Parent issue: » #1829326: Convert Overlay to leverage core breakpoints and media queries to determine its presence and styling
Related issues: +#1137920: Fix toolbar on small screen sizes and redesign toolbar for desktop, +#1827318: Fix tableheader placement which is broken in the current D8 ToolBar patch, +#1829326: Convert Overlay to leverage core breakpoints and media queries to determine its presence and styling