Popper-core: Hello World - popper text overwrites reference until resize

[rosskevin]

I feel foolish like I'm missing something essential.

Codepen test case

<span class="myReference">Hello</span>

var reference = document.querySelector('.myReference');
new Popper(reference, {content: 'World'}, {placement: 'right'})

[rosskevin]

Is there a recommended baseline css to use with this for placement? I threw in the popper.css from the popper.js.org site and it's closer.

[rosskevin]

It looks like minimally, if you don't have the following, you'll see this behavior:

.popper {
  position: absolute;
}

Perhaps this is just something to throw in the readme if I'm not wrong?

[FezVrasta]

Seems like a problem with the first update, if you then scroll or resize the window, it works properly.

[Webarkitekt]

Still no solution about this issue ?

[FezVrasta]

I need a free weekend to work on it, still had no time :/

A PR is welcome tho

[FezVrasta]

Fixed the problem.

The position of the popper element wasn't set before the computations performed by the first .update(). Now I set the position before everything else, so we are sure the update works properly.