[TimelineMax PointerEvents]

const tl = new TimelineMax();

tl.fromTo(
      currentPage,
      0.3,
      { opacity: 1, pointerEvents: "all" },
      { opacity: 0, pointerEvents: "none" }
    )
      .fromTo(
        nextPage,
        0.3,
        { opacity: 0, pointerEvents: "none" },
        { opacity: 1, pointerEvents: "all" }
      );

Dot navigation lose there pointerEvents after being clicked once, even after setting pointerEvents to 'all' 

 

any help? thanks.