Notice: The Monaca & Onsen UI Community Forum is shutting down.
For Onsen UI bug reports, feature requests and questions, please use the Onsen UI GitHub issues page. For help with Monaca, please contact Monaca Support Team.
Thank you to all our community for your contributions to the forum. We look forward to hearing from you in the new communication channels.
Ons-Speed-Dial Fab does not stay at fixed position.
-
I tried the following code, and found that the FAB will move upward when scrolling. I was using
https://unpkg.com/onsenui/css/onsenui.css, https://unpkg.com/onsenui/css/onsen-css-components.min.css, https://unpkg.com/onsenui/js/onsenui.min.js.<ons-if platform="android"> <ons-fab> ... </ons-fab> </ons-if> <ons-if platform="ios other"> <ons-fab> ... </ons-fab> </ons-if>
But it is normal when using https://cdn.rawgit.com/OnsenUI/OnsenUI-dist/2.0.0-rc.6/css/onsenui.css, https://cdn.rawgit.com/OnsenUI/OnsenUI-dist/2.0.0-rc.6/css/onsen-css-components.css, https://cdn.rawgit.com/OnsenUI/OnsenUI-dist/2.0.0-rc.6/js/onsenui.js.
Is there a bug in the version 2.10 when using ons-if platform together with ons-fab?
Please found the samples
1 https://codepen.io/gobiyau/pen/KKzgWjq (There’s problem)
2 https://codepen.io/gobiyau/pen/PoNGpvq (it’s OK)Best Regards,
Gobi
-
Thanks for the detailed report.
It looks like this is a bug. I will add it to the GitHub issues.
Until it gets fixed, you can remove
ons-if
and use this as a workaround:ons.ready(() => { if (!ons.platform.isAndroid()) { document.querySelector('ons-fab').style.display = 'none'; } });
-
I’ve reported it and you can track progress here:
https://github.com/OnsenUI/OnsenUI/issues/2778
-
Thanks for your prompt reply, looking forward the upgrade version.