Data rendered inside the <head> tag is automatically moved to <body> #259

adrdilauro · 2023-05-15T14:24:29Z

Something very similar has already been reported in #176. That issue is very old though, so I am not sure whether it's the same problem or not.

I have the following (simplified) render call:

import { render } from 'ejs';

const template = `
  <!DOCTYPE html>
  <html>
    <head>
      <title>
        Title of the page
      </title>

      <svg id="icons">
        <%- icons %>
      </svg>

      <%- styles %>
    </head>

    <body>
      Body goes here...
    </body>
  </html>
`;

const rendered = render(template, {
  icons: `
    <symbol viewBox="...">
      <g>...</g>
    </symbol>

    <symbol viewBox="...">
      <g>...</g>
    </symbol>

    <symbol viewBox="...">
      <g>...</g>
    </symbol>
  `,
  styles: `
    <style>
      .style1 { ... };
      
      .style 2 { ... };
    </style>
  `,
});

When printing "rendered" into the node console, the resulting document looks like this:

<!DOCTYPE html>
<html>
  <head>
    <title>
      Title of the page
    </title>
  </head>

  <body>
    <svg id="icons">
      <symbol viewBox="...">
        <g>...</g>
      </symbol>

      <symbol viewBox="...">
        <g>...</g>
      </symbol>

      <symbol viewBox="...">
        <g>...</g>
      </symbol>
    </svg>

    <style>
      .style1 { ... };
      
      .style 2 { ... };
    </style>
    
    Body goes here...
  </body>
</html>

For some reason, the <style> and <svg> tags are moved automatically inside the body. Is there any configuration I am missing?

The text was updated successfully, but these errors were encountered:

limitLam · 2023-05-15T14:24:59Z

这是来自QQ邮箱的假期自动回复邮件。您好，我暂时无法亲自回复您的邮件。我看到邮件后，尽快给您回复。

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Data rendered inside the <head> tag is automatically moved to <body> #259

Data rendered inside the <head> tag is automatically moved to <body> #259

adrdilauro commented May 15, 2023 •

edited

Loading

limitLam commented May 15, 2023 via email

Data rendered inside the <head> tag is automatically moved to <body> #259

Data rendered inside the <head> tag is automatically moved to <body> #259

Comments

adrdilauro commented May 15, 2023 • edited Loading

limitLam commented May 15, 2023 via email

adrdilauro commented May 15, 2023 •

edited

Loading