Skip to content

FABs not opening on iOS  #9412

@Tyler-Darby

Description

@Tyler-Darby

Ionic version:
2.0RC3

Current behavior:
Upon clicking a FAB in iOS, nothing happens (a list of buttons should appear)

Expected behavior:
A list of buttons (<ion-fab-list>) should appear

Steps to reproduce:
Create a FAB with a <ion-fab-list> and run on iOS

Related code:

<ion-fab right bottom>
  <button ion-fab color="primary"><ion-icon name="arrow-dropleft"></ion-icon></button>
  <ion-fab-list side="left">
    <button ion-fab color="primary"><ion-icon name="desktop"></ion-icon></button>
    <button ion-fab color="primary"><ion-icon name="mail"></ion-icon></button>
    <button ion-fab color="primary"><ion-icon name="cube"></ion-icon></button>
    <button ion-fab color="primary"><ion-icon name="shirt"></ion-icon></button>
  </ion-fab-list>
</ion-fab>

Other information:
alt text
As you can see the event is being triggered but they are not displaying.

image
Upon inspecting the CSS the list is set to display: none and when you untick that, the list shows but it goes downward and out of the page.

This appears to be iOS only. Works fine on serve and android.

Ionic info:

Cordova CLI: 6.4.0 
Ionic Framework Version: 2.0.0-rc.3-201611282011
Ionic CLI Version: 2.1.13
Ionic App Lib Version: 2.1.7
Ionic App Scripts Version: 0.0.46
ios-deploy version: 1.9.0 
ios-sim version: 5.0.6 
OS: macOS Sierra
Node Version: v6.3.1
Xcode version: Xcode 8.1 Build version 8B62

Metadata

Metadata

Assignees

Labels

needs: replythe issue needs a response from the user

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions