Printing page with annotation includes list marker and annotation number

[joapuiib]

Context

No response

Bug description

Both ::marker and ::before are shown in annotations when printing a page using pymdownx.fancylists extension.

markdown_extensions:
  - attr_list
  - pymdownx.fancylists

Printed content:

---

This is due because pymdownx.fancylists sets lists type. The current CSS rule for handling these overrides the annotation styles.

.md-typeset ol[type], .md-typeset ul[type] {
    list-style-type: revert-layer;
}

.md-typeset .md-annotation-list {
    counter-reset: xxx;
    list-style: none;
}

---

Possible fix:

.md-typeset .md-annotation-list {
    counter-reset: xxx;
    list-style: none !important;
}

Related links

• <ol> style type based on type attribute #7542
• https://facelessuser.github.io/pymdown-extensions/extensions/fancylists/

Reproduction

9.6.12-annotations-number-print.zip

Steps to reproduce

1. Print the landing page.

   Also, window.dispatchEvent(new Event("beforeprint")); shows the issue.

2. Check that the annotation has both ::marker and ::before.

Browser

Chrome

Before submitting

• I have read and followed the bug reporting guidelines.
• I have attached links to the documentation, and possibly related issues and discussions.
• I assure that I have removed all customizations before submitting this bug report.
• I have attached a .zip file with a minimal reproduction using the built-in info plugin.

[squidfunk]

Thanks for reporting, investigating and providing a fix! Indeed, we need to use !important here, which I just added in 572da4f.