F7-vue: fixed header

Questions
1

Trying to make a very simple fixed header bar:

<template>
  <f7-page name="home">
    <div slot="fixed">Fixed element</div>
    <div>
      Bla bla bla<br/>
      Bla bla bla<br/>    
      Bla bla bla<br/>
      ... very long cut ...
   </div>
  </f7-page>
</template>

but the “Fixed element” is not fixed, it scroll like anything else
Looks like the slot property is ignored, as I have similiar issue when using slot in other elements.

What i’m doing wrong ?

2

fixed slot just positions element outside of page-content, you also need to set position: absolute to it for example

3

I would suggest to add that explaination on docs too. I’ve thought that “fixed” slot was adding the position fixed or similiar automatically