JSFiddle - React, Tailwind, and code Playground

HTML

<div class="level-0 border-box">
        <div id="i1" class="level-1">
          <p>Lorem ipsum dolor sit amet</p>
        </div>
    </div>

    <div class="level-0 border-box">
        <div class="level-1 jqbug">
          <p>Lorem ipsum dolor sit amet</p>
        </div>
    </div>

    <div class="level-0">
        <div id="i1" class="level-1">
          <p>Lorem ipsum dolor sit amet</p>
        </div>
    </div>

    <div class="level-0">
        <div class="level-1 jqbug">
          <p>Lorem ipsum dolor sit amet</p>
        </div>
    </div>

CSS

*{
      outline:3px solid green;
    }

    .border-box, .border-box *{
      -webkit-box-sizing:border-box;
         -moz-box-sizing:border-box;
              box-sizing:border-box;
    }

    .level-0{
      position:relative;
      margin:10px auto;
      width:300px;
      height:100px;
      font-family:consolas,monaco,courier,monospace;
    }
    .level-1{
      position:absolute;
      padding:10px 20px;
      background-color:#0aa;
      font-size:15px;
    }

JavaScript

(function ($) {
        $('.jqbug').each(function () {
          $(this).css('width', $(this).css('width'));
        });
      }(jQuery));