JSFiddle - React, Tailwind, and code Playground

HTML

<div class="root">
  <div class="html">
    <p title="Title Text" onclick="console.log('clicked')">
      Some text
    </p>

    <svg class="svg">
      <line x1="0" y1="0" x2="200" y2="200" stroke="blue" stroke-width="10"></line>
    </svg>
  </div>
</div>

SCSS

.html {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}

.svg {
  position: fixed;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}