ember-popover partially outside the viewport

[Anthony Pessy]

Using:

• ember-tooltips@3.1.1
• popper.js@1.14.6

See: https://ember-twiddle.com/0f8d3e7c3bc035c858d1ea39eb9985fd?openFiles=templates.application.hbs%2C

The content of ember-popover is partially hidden with the following snippet:

    <div class="inline-block border border-primary margin-xl">
      hover
      {{#ember-popover}}
        sdkqsdk qjsdqsdjqsdjqsdqjsdqsqsqsd qsqs qsd
        vv        sdkqsdk qjsdqsdjqsdjqsdqjsdqsqsqsd qsqs qsd        sdkqsdk qjsdqsdjqsdjqsdqjsdqsqsqsd qsqs qsd        sdkqsdk qjsdqsdjqsdjqsdqjsdqsqsqsd qsqs qsd        sdkqsdk qjsdqsdjqsdjqsdqjsdqsqsqsd qsqs qsd
        sdkqsdk qjsdqsdjqsdjqsdqjsdqsqsqsd qsqs qsdv        sdkqsdk qjsdqsdjqsdjqsdqjsdqsqsqsd qsqs qsd
        sdkqsdk qjsdqsdjqsdjqsdqjsdqsqsqsd qsqs qsd
        sdkqsdk qjsdqsdjqsdjqsdqjsdqsqsqsd qsqs qsdv
        v
        v        sdkqsdk qjsdqsdjqsdjqsdqjsdqsqsqsd qsqs qsd        sdkqsdk qjsdqsdjqsdjqsdqjsdqsqsqsd qsqs qsdvv
      {{/ember-popover}}
    </div>

I was expecting the popover to adjust its position according to the viewport, am I missing something?

[Anthony Pessy]

This is actually fixed by escapeWithReference option cited here:

https://github.com/sir-dunxalot/ember-tooltips#popper-options