Lighthouse: Missing ending of div

Created on 9 Apr 2019 · 3Comments · Source: GoogleChrome/lighthouse

Provide the steps to reproduce

Run LH locally
Open the html
Search for lh-header-container

What is the current behavior?

I have tried to beautify the file with prettier with the node API (for better reading) and it always throws: Unexpected closing tag "template". This seems to be because the above described div is not closing and therefore prettier has problems to find the closing tag.

What is the expected behavior?

Correct HTML syntax


<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
</head>
<body class="lh-root lh-vars">
  <template id="tmpl-lh-heading">
    <div class="lh-header-container">
      <div class="lh-header">
        <div class="lh-lighthouse">
        </div>
        <div class="lh-metadata">
          <div class="lh-metadata__results"><a href="" class="lh-metadata__url" target="_blank" rel="noopener"></a></div>
          <div class="lh-config">
            <span class="lh-config__timestamp"></span>
            <a href="#runtime-settings" class="lh-config__emulation"></a>
          </div>
        </div>
      </div>
      <!-- HERE -->
  </template>
</body>
</html>