fix problem with styles at the start of the server content

[dmgd]

I was playing around with htmx with a site that has styles embedded in weird places, and noticed that when I navigated through history, occasionally styles were disappearing.

After a bit of investigation I found makeFragment(..) and it all made (a bit more) sense. I've attached a screen recording showing the new tests before + after the fix. I recorded it with firefox but I checked it in chrome + safari too. Don't have IE to check that . . .

Screen.Recording.2023-09-06.at.23.37.50.mov

[Telroshan]

Ran a quick test in the browser's console, confirming the issue:

The problem is that passing a <style> element to the DOMParser will have it in the head of the generated document fragment, while the parseHTML function retrieves its body, thus loses the style element in this case.
Wrapping it in a div makes it go in the body instead.

That's the same behaviour as for a script tag, which is already handled in the lib by this div wrapping, so seems like a good fix to me as it's reusing the same switch case

As for testing in IE @dmgd , you can run Edge in IE mode, see this PR for reference, in section How to test on IE11
For peace of mind, could you make sure it also works in IE mode ?

[dmgd]

Thanks for the pointers on how to test against IE11. I've tested it with Edge in IE compatibility mode and it's working fine!

Screen.Recording.2023-09-20.at.00.34.04.mov

[Telroshan]

Perfect thanks!