[Mvc] CSS isolation fails with some HTML constructs #32542
Description
For the provided markup:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>@ViewData["Title"] - tmp</title>
<link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.min.css" />
<link rel="stylesheet" href="~/css/site.css" />
<link rel="stylesheet" href="tmp.styles.css" />
</head>We produce:
<!DOCTYPE html>
b-0pr8yvohll<html b-0pr8yvohll lang="en">
<head>
<meta b-0pr8yvohll charset="utf-8" />
<meta b-0pr8yvohll name="viewport" content="width=device-width, initial-scale=1.0" />
<title b-0pr8yvohll>Home Page - tmp</title>
<link rel="stylesheet" href="/lib/bootstrap/dist/css/bootstrap.min.css" />
<link rel="stylesheet" href="/css/site.css" />
<link b-0pr8yvohll rel="stylesheet" href="tmp.styles.css" />
</head>- We should fix adding the scope after the doctype declaration
- We should stay away from applying the scope to meta, title, and other tags that appear only within the HEAD