Incorrect display of "Open access" when previewing in browser
When I preview in Chromium the generated PDF for any of the articles, I see the text "Open Access" displayed as in the screenshot below:
Also, checked through BrowserStack for other browsers too and other operating systems and it is the same behaviour.
However in the downloaded PDF, I get the correct behavior which is the link as in the screenshot below:
The HTML code related is as following:
<ul class="copyrights" id="el-ul-1" data-ref="0a734d14-f944-4ced-a1f0-5971bcc793ad" data-id="el-ul-1">
<li class="descriptors__icon descriptors__icon--oa" id="el-li-10" data-ref="679cbbb8-6351-4931-9948-c50fde4c7947" data-id="el-li-10">
<a class="donttouch" href="https://en.wikipedia.org/wiki/Open_access" data-ref="62da1bb0-a1b0-4c9b-8c2d-08ddc814b5d2">
<span class="infourl" data-ref="ad70ef36-1635-46e6-87c8-f356ea4cfbc9" data-undisplayed="undisplayed">https://en.wikipedia.org/wiki/Open_access</span>
<span class="hidden" data-ref="9d693d4e-c8d9-4d51-9505-49d12b490fab" data-undisplayed="undisplayed">Open access</span>
</a>
</li>
<li class="descriptors__icon descriptors__icon--cc" id="el-li-11" data-ref="296ae8b0-0c2f-4f97-9a1e-7a6cd0fc7db0" data-id="el-li-11">
<a class="donttouch" href="about:blank#copyright" data-ref="2e65d8e3-07eb-4c43-9670-f4ccc26aab4f">
<span class="infourl" data-ref="63885889-8b25-4030-8de8-8d3bc1f2e6b5" data-undisplayed="undisplayed">about:blank#copyright</span>
<span class="hidden" data-ref="68b8097c-0ac7-4576-908c-8bc075e945e4" data-undisplayed="undisplayed">Copyright information</span>
</a>
</li>
</ul>