Viewport boundaries
By default, poppers use as boundaries the page viewport.
Scroll the page to see the popper flip when hits the page viewport margins.
{% highlight javascript %}
var popper = new Popper(referenceElement, onBottomPopper, {
placement: 'bottom'
});
{% endhighlight %}