YellowGrass

With sidebar affix, content element may overflow sidebar on horizontal scroll

Steps to reproduce:

  • Open assignment page with content large enough to show vertical scroll (e.g. inline collection such as https://weblab.tudelft.nl/cse1305/2021-2022/assignment/76634/answer)
  • Scroll down such that assignment info side bar will switch to fixed position
  • Resize to a narrow window such that main content (right) is horizontally scrollable
  • Scroll to right. The main content will be rendered above the assignment info sidebar , which has fixed-position

Fix (not optimized yet) No good fix yet, the side bar may become (partly) invisible with this fix:

$(window).scroll(function(event) {
    $(".assignment-info.affix, .assignment-info.affix .scroll-container").offset({
        left: 0 //this will change the actual "left" value (px) to scroll position
    });
});
Submitted by Elmer van Chastelet on 6 December 2021 at 08:24

Issue Log

On 20 December 2021 at 11:29 Elmer van Chastelet removed tag 1.11.0
On 20 December 2021 at 11:29 Elmer van Chastelet tagged 1.13.0
On 21 February 2022 at 08:39 Elmer van Chastelet removed tag 1.13.0
On 21 February 2022 at 08:39 Elmer van Chastelet tagged 1.14.0
On 21 February 2022 at 08:43 Elmer van Chastelet removed tag 1.14.0
On 21 February 2022 at 08:43 Elmer van Chastelet tagged 1.15.0
On 3 March 2022 at 13:45 Elmer van Chastelet removed tag 1.15.0
On 3 March 2022 at 13:45 Elmer van Chastelet tagged 1.60.0

Log in to post comments