Rendering CSS Wrong

🐛 bug report

Preflight Checklist

• I have read the Contributing Guidelines for this project.
• I agree to follow the Code of Conduct that this project
  adheres to.
• I have searched the issue tracker for an issue that matches the one I want
  to file, without success.

Description of the problem

When working with this IDE and using Vanilla Javascript and HTML, I made a new CSS file, and my main file index.html has the link to styles.css and it works. However when i made a new CSS file (hireme.css) and a new html with a link to hireme.css (hireme.html). That page renders CSS properly. However in the lillte preview to the side of the screen the index.html now rendered the hireme.css even though there is no link to it. But when I open the page to a seperate tab, it renders perfectly fine.

What it looks like

What its supposed to look like

How has this issue affected you? What are you trying to accomplish?

Me a developer, who is in school, has to work with this on a Ipad, so this is just one big inconvenience to have to open the new page, and render the wrong css in the preview.

To Reproduce

( its hard to explain but ill try )

Make the Vanilla javascript template, then link the main file to the CSS. When you make another html and css file, the preview should show the bug.

Your Environment

This bug has happened to me about 10 times now, and only happens some of the time!! ( Please keep this in mind )

Start by reproducing the issue in the Vanilla JavaScript template using sandbox 23405e5a1 on Safari/iOS, comparing the side preview with the separately opened page. Trace why the preview applies hireme.css to index.html; done means each HTML file consistently uses only its linked stylesheet in the preview.