Footnotes links are unclickable-small !!

Jorge's Avatar


25 Sep, 2011 10:43 AM

For whatever reason, Marked's HTML code for footnote links is different to MultiMarkdown (3.0b11).

The latter uses inline brackets surrounding the footnote number. While not pretty, it is actually something clickable/tappable.

<p>This is a test<a href="#fn:1" id="fnref:1" title="see footnote" class="footnote">[1]</a>.</p>

which renders like this:

This is a test[1].

Marked, on the other hand, uses a super index, which while aesthetically may be arguably nicer and closer to paper books, makes the link so tiny (a couple of px wide and only a few more high) that makes the thing virtually unclickable, let alone tappable. Moreover, the use of a super index instead of regular size text, in this case, is a formatting aspect that should be left to the CSS.

<p>This is a test<sup id="fnref:1"><a href="#fn:1" title="see footnote" class="footnote">1</a></sup>.</p>

which renders like this:

This is a test1.

I do not know if the different is due to a change in the latest versions of MMD or an stylistic decision made by Marked's developers.

  1. Support Staff 1 Posted by Brett on 25 Sep, 2011 12:14 PM

    Brett's Avatar

    Marked 1.3 will include the latest MMD binary, which does render [1] format footnotes. I have the styles set to reduce size very slightly and raise the baseline to be distinguishable as a footnote but still clickable.

    Just as a side note, I've also remedied the issue where sup and sub tags break the line height consistency.

  2. Brett closed this discussion on 25 Sep, 2011 12:15 PM.

Comments are currently closed for this discussion. You can start a new one.

Keyboard shortcuts


? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac