scribe(([id, scrollFriendly, readonly]) => {
        console.log("highlighterInit", id, scrollFriendly, readonly);

        // save the touchmove handler for this highlighter, so we can remove it when not in need
        const touchMoveListener = handleTouchEvents("move", id);
        window.requestAnimationFrame(() => {
          const highlighter = document.getElementById(id);
          if (!id || !highlighter) {
            console.log("highlighter not found", id);
            return;
          }

      