JSFiddle - React, Tailwind, and code Playground

by tchalvakspam

HTML

<h1>[No base tag control example!]</h1>
<div><a href='http://jsfiddle.net/tchalvakspam/ZpjDa/'>No base tag control</a> vs <a href='http://jsfiddle.net/tchalvakspam/a844Q/1/'>Base tag present example</a></div>
<div id='top-of-page' style='height:20em;width:100%'>
This div is purposefully forced to be large.
    </div>
    
    <a href='#top-of-page' title='Some title'>A link to the top of this page via a named anchor</a> would become <a href='http://www.example.com/other-subdirectory/#top-of-page' title='Some title'>A link to an #named-anchor on the completely different base page</a>
<br>
<br>
    
    <a href='?update=1' title='Some title'>A link to the current page with a parameter change</a> would become <a href='http://example.com/other-subdirectory/?update=1' title='Some title'>A link to the base tag's page instead</a>