Markers are breaking the UI

[Vivek Dahiya]

Here when I set Markers to "true" in order to see the markers, then the UI of the whole page breaks and there is no error in console.

See the Pen JoXqJMo by Vivek-Dahiya (@Vivek-Dahiya) on CodePen.

[GreenSock]

Yeah, that's because you've got this [highly unconventional] CSS: 

div {
    width: 100%;
    height: 100vh;
    background-color: #131212;
}

Which is forcing ALL <div> elements to fill the screen, including the markers! 

 

I'd recommend fixing your CSS but you could also just add this kind of thing: 

.gsap-marker-scroller-start, .gsap-marker-scroller-end, .gsap-marker-start, .gsap-marker-end {
    width: auto;
    height: auto;
    background-color: transparent;
}

See the Pen ZYWNrKJ by GreenSock (@GreenSock) on CodePen.