Method renderHints

content_scripts/link_hints.js:412–448

()

  }

  renderHints() {
    if (this.containerEl == null) {
      const div = DomUtils.createElement("div");
      div.id = "vimium-hint-marker-container";
      div.className = "vimium-reset";
      this.containerEl = div;
      document.documentElement.appendChild(div);
    }

    // Append these markers as top level children instead of as child nodes to the link itself,
    // because some clickable elements cannot contain children, e.g. submit buttons.
    const markerEls = this.hintMarkers.filter((m) => m.isLocalMarker()).map((m) => m.element);
    for (const el of markerEls) {
      this.containerEl.appendChild(el);
    }

    // TODO(philc): 2024-03-27 Remove this hasPopoverSupport check once Firefox has popover support.
    // Also move this CSS into vimium.css.
    const hasPopoverSupport = this.containerEl.showPopover != null;
    if (hasPopoverSupport) {
      this.containerEl.popover = "manual";
      this.containerEl.showPopover();
      Object.assign(this.containerEl.style, {
        top: 0,
        left: 0,
        position: "absolute",
        // This display: block is required to override Github Enterprise's CSS circa 2024-04-01. See
        // #4446.
        display: "block",
        width: "100%",
        height: "100%",
        overflow: "visible",
      });
    }

    this.setIndicator();
  }

  setOpenLinkMode(mode, shouldPropagateToOtherFrames) {
    this.mode = mode;