Anchor hrefs in jupyter output are not working

[janhurst]

The very useful ipytree Jupyter Widget does not function inside the vscode notebook editor.
When clicking on a node in the tree, a model dialog is popped up, which looks like is responding to an attempt to open a editor window that is associated with the node content or some part of the underlying HTML attached to the node.

The same code in a Jupyter Lab web instance functions as expected.

This issue is mentioned in the ipytree Github here

Environment data

• VS Code version: 1.68
• Jupyter Extension version (available under the Extensions sidebar): v2022.5.1001601848
• Python Extension version (available under the Extensions sidebar): v2022.8.0
• OS (Windows | Mac | Linux distro) and version: Windows
• Python and/or Anaconda version: various, 3.10
• Type of virtual environment used (N/A | venv | virtualenv | conda | ...): conda
• Jupyter server running: Local

Expected behaviour

Click on ipytree node and UI updates with any attach callback firing

Actual behaviour

Model popup error

Steps to reproduce:

Following instructions on https://github.com/QuantStack/ipytree

conda install -c conda-forge ipytree

run example code eg:

from ipytree import Tree, Node
tree = Tree(stripes=True)
node1 = Node('node1')
tree.add_node(node1)
tree

And then click on the node

[rchiodo]

Thanks for the issue. I believe QuantStack would likely have to fix this. I think they're opening a URL that doesn't exist.

[janhurst]

It feels a bit odd for this to be on the QuantStack side... it seems like the Jupyter render is seeing a button click on a node as needing to open a URL, when in native Jupyter Lab it instead fires a javascript call.

[DonJayamanne]

@rchiodo I think this is a problem with the handling of anchor tags #, the core web view code seems to be treating this as a file link (hence the error message).
This issue might have to be moved to vscode repo.

Repro steps: Run a cell with the following code in Jupyter (or generate an output that contains the same output)

%%html
<a href="#">Hello</a>

@mjbvz might have some idea what needs to be done here.

[rchiodo]

This can repro without using ipytree. Just use the example that Don provided.

[vscodenpa]

Thanks for creating this issue! It looks like you may be using an old version of VS Code, the latest stable release is 1.68.1. Please try upgrading to the latest version and checking whether this issue remains.

Happy Coding!