Core | Fab issue: Using ons-if to conditionally display ons-fab causes fab to move with page scroll #2778
Description
Environment
[Core]
onsenui latest
[Platform]
Desktop - Ubuntu 64-bit
[Browser]
Desktop - Firefox 78.0 on Ubuntu 64-bit
Encountered problem
When ons-fab is inside an ons-if, the resulting fab scrolls with the page. It should stay in a fixed position.
How to reproduce
- Open the example on Android
- Scroll down the page
- Notice the fab moves
- HTML
<ons-page>
<ons-if platform="android">
<ons-fab position="bottom right">
<ons-icon icon="md-plus"></ons-icon>
</ons-fab>
</ons-if>
<ons-list>
<ons-list-item>ha</ons-list-item>
<ons-list-item>ha</ons-list-item>
<ons-list-item>ha</ons-list-item>
<ons-list-item>ha</ons-list-item>
<ons-list-item>ha</ons-list-item>
<ons-list-item>ha</ons-list-item>
<ons-list-item>ha</ons-list-item>
<ons-list-item>ha</ons-list-item>
<ons-list-item>ha</ons-list-item>
<ons-list-item>ha</ons-list-item>
<ons-list-item>ha</ons-list-item>
<ons-list-item>ha</ons-list-item>
<ons-list-item>ha</ons-list-item>
<ons-list-item>ha</ons-list-item>
</ons-list>
</ons-page>- JS