Estoy usando la biblioteca GSAP para animaciones JS y, por alguna razón, cuando uso las animaciones, mi texto (etiquetas p, etiquetas a, barras de navegación...) está deshabilitado y ya no puedo hacer clic en ellos para ver más animaciones. lo cual es un poco molesto.

¿Alguien sabe cómo arreglar eso?

 const landingMsg = document.querySelector(".landing-msg") const navBar = document.querySelector("nav") const whoBtn = document.querySelector(".who") const whoWhen = document.querySelector(".who-when") const tl = new TimelineLite({ paused: true }) gsap.fromTo( ".landing-msg p", 1, { opacity: "0", y: "100" }, { opacity: "1", y: "0", ease: Bounce.easeOut } ) gsap.fromTo( ".landing-msg p", 1, { opacity: "1" }, { opacity: "0", delay: "2", ease: Power2.easeInOut } ) gsap.fromTo( "nav", 1, { opacity: "0", y: "-30" }, { opacity: "1", y: "0", delay: "1.7", ease: Power2.easeInOut } ) tl.to(".who-when", 1, { opacity: "1", ease: Power2.easeInOut }) whoBtn.addEventListener("click", () => { tl.play() })