Footnote-backref inside last paragraph in notes ? BAD

support
1

hi,
There is a bug with footnote backreferences: they should be added always as a direct child of the <li> tag, but instead, whenever li ends with a p element inside a footnote, it becomes a child of that paragraph.
when it’s a blockquote or figure, then the backreference (ex: <a href="#fnref:9" class="footnote-backref" role="doc-backlink">↩︎</a>) is a direct child of <li> as expected.

I may have understood why. the link (a element) is added regardless of what precedes it.
Blockquotes always come with an end tag, while paragraphs normally don’t need one. Except in that case the browser interprets the code as the link being part of the paragraph. It makes sense. So the problem is in the code generated and this inconsistency should be corrected.

These are exemples of markdown texts, and the output. But beware these are outputs from developer tools, which re-add the end tags to paragraphs. The direct source code (ctrl-u) does not show those </p> meaning that it’s really the browser which interprets things in an unexpected way. Thanks for correcting this. the backref should always be a direct child of li.

[^note]: Monkeys and chimpanzees have been seen hoarding fruits, perhaps intuiting that they risked missing the occasion to come by again to eat more of them.

<li id="fn:9"><p>Monkeys and chimpanzees have been seen hoarding fruits, perhaps intuiting that they risked missing the occasion to come by again to eat more of them.&nbsp;<a href="#fnref:9" class="footnote-backref" role="doc-backlink">↩︎</a></p></li>

-------------
[^note]: Monkeys and chimpanzees have been seen hoarding fruits, perhaps intuiting that they risked missing the occasion to come by again to eat more of them.
	> AAAAA
	
<li id="fn:9"><p>Monkeys and chimpanzees have been seen hoarding fruits, perhaps intuiting that they risked missing the occasion to come by again to eat more of them.</p><blockquote><p>AAAAA</p></blockquote>&nbsp;<a href="#fnref:9" class="footnote-backref" role="doc-backlink">↩︎</a></li>

-----------------
[^note]: Monkeys and chimpanzees have been seen hoarding fruits, perhaps intuiting that they risked missing the occasion to come by again to eat more of them.

	![squirrel_walnuts](/Images/images_article_instincto/squirel_wallnuts_42_gallions.webp)

	
<li id="fn:9"><p>Monkeys and chimpanzees have been seen hoarding fruits, perhaps intuiting that they risked missing the occasion to come by again to eat more of them.</p><figure class="image"><a href="http://localhost:1313/Images/images_article_instincto/squirel_wallnuts_42_gallions.webp" target="_blank"><img src="http://localhost:1313/Images/images_article_instincto/squirel_wallnuts_42_gallions.webp" srcset="http://localhost:1313/Images/images_article_instincto/squirel_wallnuts_42_gallions_hue3c6c8929904e07c749a12a2a7acda46_74852_200x0_resize_q92_h2_lanczos_2.webp 200w, http://localhost:1313/Images/images_article_instincto/squirel_wallnuts_42_gallions_hue3c6c8929904e07c749a12a2a7acda46_74852_400x0_resize_q92_h2_lanczos_2.webp 400w, http://localhost:1313/Images/images_article_instincto/squirel_wallnuts_42_gallions_hue3c6c8929904e07c749a12a2a7acda46_74852_604x0_resize_q92_h2_lanczos_2.webp 604w, http://localhost:1313/Images/images_article_instincto/squirel_wallnuts_42_gallions.webp 691w" width="691" height="518" loading="lazy" alt="squirrel_walnuts" sizes="(max-width: 400px) 100vw, (max-width: 604px) 50vw, 35vw" style="max-width:691px;max-height:min(518px,500px)"></a></figure>&nbsp;<a href="#fnref:9" class="footnote-backref" role="doc-backlink">↩︎</a></li>
2

Not according to the specification.

Hugo converts markdown to HTML with Goldmark, which has a built-in extension for handling footnotes. This extension adheres to the PHP Markdown Extra specification for footnotes. You can test the reference implementation here:

https://michelf.ca/projects/php-markdown/dingus/

3

So it’s considered a feature, for the placement to change from footnote to footnote ?
Then the specifications are not ill-thought. It would suffice to not remove </p> in case there is more than one paragraph under li.
I think you agree that <li id="fn:7"> is more logically related to <a href="#fnref:7" class="footnote-backref" role="doc-backlink">↩︎</a> than to any element inside.
On which github can I raise an issue about this (in the odd chance it’s listened to) ?
In the meanwhite, I’ll just mask the link.

4

https://github.com/michelf/php-markdown/issues

1 Like
5

This topic was automatically closed 2 days after the last reply. New replies are no longer allowed.