Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Ionic 4 RC - Huge fab button when routerLink directive is used #16833

Closed
Axdron opened this issue Dec 20, 2018 · 4 comments
Closed

Ionic 4 RC - Huge fab button when routerLink directive is used #16833

Axdron opened this issue Dec 20, 2018 · 4 comments
Labels

Comments

@Axdron
Copy link

Axdron commented Dec 20, 2018

Bug Report

Ionic version:

[x] 4.x

Current behavior:
When using the routerLink directive in a fab-button, it became huge in the screen. Without the directive, it's ok.

Expected behavior:
I expect the button having the same size with or without the routerLink directive.

Steps to reproduce:

Related code:
The huge button code:
<ion-fab-button [routerLink]="'/categorias'" color="success">

The normal button code:
<ion-fab-button (click)='true' color="success">

insert short code snippets here

Other information:
Huge:
huge

Normal:
normal

Ionic info:
Ionic:

ionic (Ionic CLI) : 4.5.0 (C:\Users\APPELSOFT\AppData\Roaming\npm\node_modules\ionic)
Ionic Framework : @ionic/angular 4.0.0-rc.0
@angular-devkit/build-angular : 0.7.5
@angular-devkit/schematics : 7.1.4
@angular/cli : 6.1.5
@ionic/angular-toolkit : 1.2.0

Cordova:

cordova (Cordova CLI) : 8.1.2 (cordova-lib@8.1.1)
Cordova Platforms : android 7.1.4
Cordova Plugins : not available

@ionitron-bot ionitron-bot bot added the triage label Dec 20, 2018
@eatyourpeas
Copy link

I am getting the same behaviour after changing to RC today

@eatyourpeas
Copy link

Before:
screenshot 2018-12-22 at 18 48 18

After:
screenshot 2018-12-22 at 18 50 28

@wozniak-michal
Copy link

wozniak-michal commented Dec 27, 2018

This problem exists also in beta 19.
If single fab button is used, as a workaround put [routerLink] in <ion-fab> instead of <ion-fab-button> then it looks like it should

@ionitron-bot
Copy link

ionitron-bot bot commented Jan 27, 2019

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.

@ionitron-bot ionitron-bot bot locked and limited conversation to collaborators Jan 27, 2019
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
Projects
None yet
Development

Successfully merging a pull request may close this issue.

3 participants