Skip to content

Hyperlink dotted underline disappears after hover leave #4554

@diamondburned

Description

@diamondburned

Details

Steps to reproduce

  1. Write an OSC 8 Hyperlink into a non-WebGL terminal. Notice that there's a dotted underline underneath the link (WebGL terminals don't seem to have dotted underlines at all).
    image
  2. Hover over the link.
    image
  3. Move the mouse away. Notice that the dotted underline is gone.
    image
Reproducing HTML
<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" href="node_modules/xterm/css/xterm.css" />
    <script src="node_modules/xterm/lib/xterm.js"></script>
  </head>
  <body>
    <div id="terminal"></div>
    <script>
      var term = new Terminal();
      term.open(document.getElementById("terminal"));
      term.write(
        "\033]8;;http://example.com\033\\This is a link\033]8;;\033\\\n"
      );
    </script>
  </body>
</html>

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions