-
Notifications
You must be signed in to change notification settings - Fork 1k
Closed
Description
Greetings,
ons-fab does not render in ons-tab when switching tabs. (all fabs will display on each other in quick order in the first tab)
broken:
<ons-fab position="bottom right">
hint: removing the position attribute, seems to fix it. (but of course the position is now top left by default :-)
here is the full sample from the onsen playground
(its basically the default sample for ons-tab... I have just added the two fab buttons.
<ons-page>
<ons-toolbar>
<div class="center">Tab 1</div>
</ons-toolbar>
<ons-tabbar swipeable position="auto">
<ons-tab page="tab1.html" label="Tab 1" icon="ion-home, material:md-home" badge="7" active>
</ons-tab>
<ons-tab page="tab2.html" label="Tab 2" icon="md-settings" active-icon="md-face">
</ons-tab>
</ons-tabbar>
</ons-page>
<template id="tab1.html">
<ons-page id="Tab2">
<ons-fab position="bottom right">
<ons-icon icon="md-plus"></ons-icon>
</ons-fab>
</ons-page>
</template>
<template id="tab2.html">
<ons-page id="Tab2">
<ons-fab position="bottom right">
<ons-icon icon="md-minus"></ons-icon>
</ons-fab>
</ons-page>
</template>
Metadata
Metadata
Assignees
Labels
No labels