In the CodePen Editor View, the preview pane is essentially a browser window (it’s an <iframe> of your code). It does just about everything a normal browser window does, including opening links in the same window. Unless—it’s told to do otherwise.

So, if you put a link to CodePen inside your Pen, you can end up with CodePen-ception — CodePen-in-a-Pen (hat tip to John Chin-Jew, who coined the term).

One workaround is to add target="_blank" to your links, like this:

<a href="" target="_blank"></a>

That will make your links open in a new window/tab.

Or, you can work with it to make something cool! NobodyRocks took the CodePen rabbit-hole to a new level with this Phone styled iframe.