How can I trigger arrow press inside textarea with keyboardevent constructor in order to navigate through text? Can anyone help or point out?

        case "left_arrow":
      keyElement.classList.add("keyboard__key");
      keyElement.setAttribute("id", "left_arrow_keyboard");
      keyElement.innerHTML = createIconHTML("arrow_left");

      //keyelement is a button
      keyElement.addEventListener("click", () => {
        const event = new KeyboardEvent("keydown", {
          which: 37,
          key: "ArrowLeft",
          code: "ArrowLeft",
          location: 0,
          altKey: false,
          ctrlKey: false,
          metaKey: false,
          shiftKey: false,
          repeat: false,
        });
        this.properties.value += document.dispatchEvent(event);            
        event.preventDefault();
        this.triggerEvent("whenInput");
      });

      break;

and I'm getting "true" inside textarea, instead of the actual caret/cursor movement P.S. - I'm on JS vanilla, but open to jQuery