External hyperlink with 2 hashes not correct

[tripodsan]

Create an external hyperlink with an url with 2 hashes, eg:

https://www.example.com/#foo#bar

in the generated docx, the first part of the fragment is lost:

the generated xml looks like:

            <w:hyperlink w:history="1" r:id="rIdlrwbxlrt1kj78rvsbt133">
                <w:r>
                    <w:rPr>
                        <w:rStyle w:val="Hyperlink"/>
                    </w:rPr>
                    <w:t xml:space="preserve">fragment-with-2-hashes</w:t>
                </w:r>
            </w:hyperlink>

and the url with the fragment is stored in the rels:

    <Relationship Id="rIdlrwbxlrt1kj78rvsbt133"
                  Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/hyperlink"
                  Target="https://www.example.com/#foo#bar" TargetMode="External"/>

---

but when the same is generated in word, it puts an w:anchor on the hyperlink and does not have a fragment in the relationship:

            <w:hyperlink w:anchor="foo#bar" r:id="R99e6d42dcfb444f9">
                <w:r w:rsidRPr="072F9BA4" w:rsidR="7B7B3AAE">
                    <w:rPr>
                        <w:rStyle w:val="Hyperlink"/>
                    </w:rPr>
                    <w:t xml:space="preserve">fragment-with-2-hashes</w:t>
                </w:r>
            </w:hyperlink>

and the rel:

    <Relationship
            Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/hyperlink"
            Target="https://www.example.com/"
            TargetMode="External" Id="Rd6df781fb51145a4"/>

[tripodsan]

I have a workaround when using my own paragraph:

/**
 * Custom paragraph that overwrites `prepForXml` and handles the special case for external links
 * with fragments the same way as word does: it creates a relationship w/o the fragment and adds
 * the fragment as `w:anchor` property to the hyperlink.
 */
class MyParagraph extends Paragraph {
  prepForXml(context) {
    for (const element of this.root) {
      if (element instanceof ExternalHyperlink) {
        let { link } = element.options;
        let anchor;
        const idx = link.indexOf('#');
        if (idx > 0) {
          anchor = link.substring(idx + 1);
          link = link.substring(0, idx);
        }
        const index = this.root.indexOf(element);
        const concreteHyperlink = new ConcreteHyperlink(element.options.children, uniqueId());
        context.viewWrapper.Relationships.createRelationship(
          concreteHyperlink.linkId,
          'http://schemas.openxmlformats.org/officeDocument/2006/relationships/hyperlink',
          link,
          'External',
        );
        if (anchor) {
          const attrs = findXMLComponent(concreteHyperlink, '_attr');
          attrs.root.anchor = anchor;
        }
        this.root[index] = concreteHyperlink;
      }
    }
    return super.prepForXml(context);
  }
}