Bug: Markdown links don't work when the the link contents are an image asset hosted on GitHub
DenverCoder1 opened this issue · 0 comments
This is an issue I noticed with markdown on Github.com. I do not know if it is also an upstream issue. I also opened a discussion in the GitHub community.
Description
Markdown links in repositories, issues, discussions, and other locations don't link to the correct location when the the link is around an image hosted on GitHub, for example when pasted into the input box to get a https://github.com/.../.../assets/...
url.
Note, most other images do work including GitHub asset urls such as https://github.com/DenverCoder1.png
.
Example 1 - ✔️ Working
This example correctly links to https://github.com/DenverCoder1
when clicked and displays the image properly.
Markdown
[![Example 1](https://github.com/DenverCoder1.png?size=60)](https://github.com/DenverCoder1)
Preview
Output
<a href="https://github.com/DenverCoder1"><img src="https://github.com/DenverCoder1.png?size=60" alt="Example 1" style="max-width: 100%;"></a>
Example 2 - ❌ Not working
This example should also link to https://github.com/DenverCoder1
but instead it goes to https://github.com/community/community/assets/20955511/22851a85-cfb8-4816-b6e5-f2044f2b06ab
.
Markdown
[![Example 2](https://github.com/community/community/assets/20955511/22851a85-cfb8-4816-b6e5-f2044f2b06ab)](https://github.com/DenverCoder1)
Preview
Expected output
<a href="https://github.com/DenverCoder1"><img src="https://github.com/community/community/assets/20955511/22851a85-cfb8-4816-b6e5-f2044f2b06ab" alt="Example 2" style="max-width: 100%;"></a>
Actual ouput
<a href="https://github.com/DenverCoder1"><gh:secured-asset-reference resource_type="UserAsset" resource_id="254099377"></gh:secured-asset-reference></a>
<a target="_blank" rel="noopener noreferrer" href="https://github.com/community/community/assets/20955511/22851a85-cfb8-4816-b6e5-f2044f2b06ab"><img src="https://github.com/community/community/assets/20955511/22851a85-cfb8-4816-b6e5-f2044f2b06ab" alt="Example 2" style="max-width: 100%;"></a>