How do I debug this target-text() issue?

[Jeff-Tian]

I referenced this https://pagedjs.org/documentation/-cross-references/ doc and tried to add a cross-reference but failed.

The content didn't show up, as the following image shows:

My CSS is as following:

I can see my target-text(attr(href url)) part was replaced to var(--pagedjs-7a859253-16a6-4fe6-a4ba-0e562277ec9b).

Was it because --pagedjs-7a859253-16a6-4fe6-a4ba-0e562277ec9b point to a non exist element? How could I debug it?

Reproduce URL: https://identity.jefftian.dev/main.html

[Jeff-Tian]

Another simpler reproduce example: https://stackblitz.com/edit/vite-6c5kno?file=docs%2Fcross-ref.md

[Jeff-Tian]

Fixed by adding a #, misled by this part:

[julientaq]

sorry i missed you issue.
you’re so right!

thank you. i’m gonning to fix that right now.