KaTeX Autonumbering and User Defined CSS Counter

[kookma]

I have encountered an issue in using automatic numbering using CSS counter when I use the KaTex official plugin.
KaTeX plugin in $:/plugins/tiddlywiki/katex/styles uses .tc-tiddler-frame { counter-reset: katexEqnNo; } to allow correct numbering of equations.

If you have another plugin like Refnote which it also uses CSS numbering with .tc-tiddler-frame { counter-reset: fnote-count;} then as two or more counter reset under .tc-tiddler-frame does not work then one of plugin shows wrong numbering for example see kookma/TW-Refnotes#23 (comment)

My investigation shows we need to have all counter reset in one declaration statement see https://stackoverflow.com/questions/29126881/more-counters-in-css

So, adding a new stylesheet with

.tc-tiddler-frame { counter-reset: fnote-count katexEqnNo;}

Solve the issue.

Question: What solution do you propose for Tiddlywiki? One solution is given above, but it is not intuitive.

[kookma]

Further investigation

(1)

I noticed when both KaTeX and Refnotes plugins are installed, reordering the stylesheets works and solves the issue. e.g. putting the Refnotes styles

$:/plugins/kookma/refnotes/styles/footnote-counter

after KaTeX style

$:/plugins/tiddlywiki/katex/styles

So, is there anything wrong in $:/plugins/tiddlywiki/katex/styles?

(2)
I noticed having both plugins in a Tiddlywiki only breaks the numbering for Refnotes (footnote) if an empty line is used between two footnote for example

a<<fnote "One">>
this is a line
b<<fnote "Two">>
c<<fnote "Three">>d<<fnote "Four">>

renders as (a¹ this is a line b² c³), which works correctly, but

a<<fnote "One">>

b<<fnote "Two">>
c<<fnote "Three">>d<<fnote "Four">>

does not work and renders as

a¹

b¹ c²

Number is reset when a new line is started.

Disabling the KaTeX makes Refnotes works fine.

[linonetwo]

why counters will have a collision? It seems to have a counter id.

[kookma]

Not sure, but see https://stackoverflow.com/questions/29126881/more-counters-in-css
by the way the solution given above solve the problem! e.g .tc-tiddler-frame { counter-reset: fnote-count katexEqnNo;}