Popover launches in left 0 top 0 instead of near the input

1

I want to launch the popover to be alongside the input/button/etc that opens it.

I want open the popover from inside a sheet component (react) and the popover block launches in the top left of the screen (top 0 and left 0).

I have tried to set targetEl but it didn’t work.

Why does it happen?

This is the code:

<li>
        <a className="item-link smart-select smart-select-init" data-open-in="popover">
          <select name="superhero" multiple>
            <option value="Batman" selected>Batman</option>
            <option value="Superman">Superman</option>
            <option value="Hulk">Hulk</option>
            <option value="Spiderman">Spiderman</option>
            <option value="Ironman">Ironman</option>
            <option value="Thor">Thor</option>
            <option value="Wonder Woman">Wonder Woman</option>
          </select>
          <div className="item-content">
            <div className="item-inner">
              <div className="item-title">Super Hero</div>
            </div>
          </div>
        </a>
      </li>