Replace sidebar CSS positioning with Pushpin feature within MaterializeCSS #387

JackMorganNZ opened this Issue Sep 27, 2016 · 0 comments


None yet

1 participant



The sidebar currently used on the website version of CSFG causes issues when the table of contents is quite long, see the image below. Use the Pushpin feature within MaterializeCSS (emulates the CSS sticky positioning) to stop pinning the item within specified ranges. This occurs on all browsers.



Put an x in the boxes that apply. You can also fill these out after creating the issue.

  • I have linked any relevant existing issues/suggestions in the description above (include #??? in your description to reference an issue, where ??? is the issue number)
  • I have applied relevant labels

If this is a code related issue, please include the following in your description:

  • Steps to reproduce the behavior
  • Which platform(s) and browser are you encountering the issue on
  • The behavior you expect to see, and the actual behavior
@JackMorganNZ JackMorganNZ added this to the v2.7.2 milestone Sep 27, 2016
@JackMorganNZ JackMorganNZ self-assigned this Sep 27, 2016
@JackMorganNZ JackMorganNZ added a commit that closed this issue Oct 5, 2016
@JackMorganNZ JackMorganNZ Position sidebar with sticky-kit.js (fixes #387)
The sidebar is now positioned by floating
within the parent element, so the JS library
can detect when the element reaches the
bottom of the element.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment