title: HTML Disappears? Most complex bug I ever seen
body: <p>I have the weirdest bug ever...</p>
  
  <p>If I open my html file directly I can see all the html</p>
  
  <p>But if I open it using my angularjs app from the index.html e.g. <code>#!/foo</code> part of the html does not display, always in the bottom of the page.</p>
  
  <p>If you check the network tools, the div doesn't have any content:</p>
  
  <p><a href="https://i.stack.imgur.com/rD4aZ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/rD4aZ.png" alt="enter image description here"></a></p>
  
  <p>But I have the HTML correct</p>
  
  <p><a href="https://i.stack.imgur.com/MN7gk.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/MN7gk.png" alt="enter image description here"></a></p>
  
  <p>After investigation, if I remove part of the SVGs that I have it starts to display it all again...</p>
  
  <pre><code> &lt;svg class="svg-star"&gt;
      &lt;use xlink:href="#svg-star"&gt;&lt;/use&gt;
   &lt;/svg&gt;
  
  
  // Bottom of the page
  
  &lt;svg style="display: none;"&gt;
  &lt;symbol id="svg-star" viewBox="0 0 10 10" preserveAspectRatio="xMinYMin meet"&gt;  
      &lt;polygon points="4.994,0.249 6.538,3.376 9.99,3.878 7.492,6.313 8.082,9.751 4.994,8.129 1.907,9.751 
  2.495,6.313 -0.002,3.878 3.45,3.376 "/&gt;
  &lt;/symbol&gt;
  </code></pre>
  
  <p></p>
  
  <p>Any idea what might be?? I have like 10 SVGs in the page and I can see all of them and if I remove one it appears some of the html, if I remove another it appears a bit more...</p>
  
  <p>My index.html</p>
  
  <pre><code>    &lt;html lang="en" ng-app="GHoF"&gt;
  &lt;head&gt;
      &lt;meta charset="UTF-8"&gt;
      &lt;meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0"&gt;
  
  &lt;/head&gt;
  &lt;body&gt;
  
      &lt;div ng-include="'app/pages/navBar/navBar.html'"&gt;&lt;/div&gt;
  
      &lt;div ng-include="'app/pages/sideMenu/sideMenu.html'"&gt;&lt;/div&gt;
  
      &lt;div ng-include="'app/pages/mainMenu/mainMenu.html'"&gt;&lt;/div&gt;
  
      &lt;main ng-view&gt;&lt;/main&gt;
  
      &lt;div ng-include="'app/pages/footer/footer.html'"&gt;&lt;/div&gt;
  &lt;/body&gt;
  </code></pre>