On some MDN pages, there is a code example with “Open in codepen” and “Open in jsfiddle” buttons below it. The problem is that clicking this button will load the editor in the same tab, replacing the MDN page. This is not what most developers want, I think. If you’re reading the documentation and want to try out the demo in the editor, you usually don’t want the documentation to be replaced, forcing you to go back and forth between the documentation and the editor.
The only workaround I can think of is to copy-paste the documentation URL into a new tab to load the same page again, and then click the editor button on that page, which is tedious. Could you make those buttons default to opening a new tab, or at least add it as an option?
We’d really like to make this change but the JSFiddle and CodePen APIs both require a POST request. The button you are clicking is submitting a form with a POST request and unfortunately, that cannot be done in a new tab
I don’t know if it’s allowed, but it does seem to work: https://output.jsbin.com/xojivag/quiet — clicking on the submit button opens the form’s action URL in a new tab.