How to use routable popover correctly?

I’m trying to use a routable popover, but it’s not coming from the right place. It always comes from the top.

{
  path: '/popover/',
  popover: {
     url:  './views/popover.html',
  }
},
   <div class="popover">
        <div class="popover-arrow"></div>
        <div class="popover-inner">
            Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam aut ut laudantium est optio ad facilis alias consequuntur blanditiis laborum nemo at magni, tempore sequi sunt id deleniti necessitatibus fugit.
        </div>
    </div>

What’s the correct way to do it?

here => recursing-fast-8yq25p - CodeSandbox

1 Like