Cannot select or copy text from the network-variables (DevNet/TestNet/MainNet) box

[8bitpal]

Problem

Text inside the DevNet/TestNet/MainNet tabbed box cannot be highlighted or copied. Reported on Validator Disaster Recovery → Recover the Coin balance of an external party, but it affects every page that uses the component.

Highlighting with the mouse selects nothing within the box, so users can't copy the network-specific values (URLs, party IDs, migration IDs, etc.) that the component exists to surface.

Where it lives

The box is the NetworkVariables component defined in docs-main/snippets/components/version.mdx. It renders a role="tablist" of networks and a role="tabpanel" whose content is run through a replaceNode(...) substitution pass (around lines 201–221):

<div
  key={activeNetwork}
  ref={panelRef}
  role="tabpanel"
  className="space-y-4 px-4 py-4 …"
>
  {React.Children.map(children, (child, index) => {
    …
    const content = replaceNode(child, activeData.substitutions, `network-${activeNetwork}-${index}`);
    …
    return <div className="min-w-0">{content}</div>;
  })}
</div>

[hrischuk-da]

Added @danielporterda who may have some insights into this