robinmetral / website

Source code of robinmetral.com, built with brut
https://robinmetral.com
2 stars 0 forks source link

Weird behavior with footnotes #49

Closed robinmetral closed 1 year ago

robinmetral commented 1 year ago
robinmetral commented 1 year ago

This is caused by CSS injected by the a11y.css extension. It injects the following :target styles that get triggered when clicking either of the footnote links (to the footnotes or to the footnote ref): (source)

/* injected by a11y.css in alt.css:134 */
:target {
  display: block;
  scroll-margin-top: calc(50vh - var(--a11ycss-offset));
}

display: block; removes the list market in the footnotes list because it changes the list item's display value from list-item (spec), and it adds line breaks around the footnote ref because it changes the anchor's display value from inline.

Will raise with the extension authors and close for now