Fab not working inside a <ion-col>

Ionic Framework ionic-v3
1

Ionic fab is not opening inside a 

<ion-grid>
	<ion-row>
		<ion-col>
			<ion-fab center middle>
				<button ion-fab color="danger"><ion-icon name="md-share"></ion-icon></button>
                <ion-fab-list side="left">
					<button ion-fab color="primary"><ion-icon name="logo-vimeo"></ion-icon></button>
                </ion-fab-list>
                <ion-fab-list side="left">
                    <button ion-fab color="secondary"><ion-icon name="logo-facebook"></ion-icon></button>
                </ion-fab-list>
                <ion-fab-list side="left">
                    <button ion-fab color="light"><ion-icon name="logo-googleplus"></ion-icon></button>
                </ion-fab-list>
                <ion-fab-list side="left">
                    <button ion-fab color="dark"><ion-icon name="logo-twitter"></ion-icon></button>
                </ion-fab-list>
			</ion-fab>
		</ion-col>
	</ion-row>
</ion-grid>

fabIssue

2

I’d imagine that you’re only supposed to have one ion-fab-list per side.

3

Still the same issue

<ion-fab center middle>
       <button ion-fab color="danger"><ion-icon name="md-share"></ion-icon></button>
       <ion-fab-list side="left">
               <button ion-fab color="primary"><ion-icon name="logo-vimeo"></ion-icon></button>
               <button ion-fab color="secondary"><ion-icon name="logo-facebook"></ion-icon></button>
               <button ion-fab color="light"><ion-icon name="logo-googleplus"></ion-icon></button>
               <button ion-fab color="dark"><ion-icon name="logo-twitter"></ion-icon></button>
        </ion-fab-list>
</ion-fab>