Join GitHub today
GitHub is home to over 36 million developers working together to host and review code, manage projects, and build software together.Sign up
[ionic4.rc1] [ios] ion-segment-button doesn't align with icon #17069
One effect of this is that the icon only button is taller than the text only button:
It should align nicely more like this (screenshot from beta 13):
Steps to reproduce:
Drop the snippet below into an app.
Note that wrapping the icon in an
However, the docs have been updated for the
referenced this issue
Jan 11, 2019
Thanks for the issue! You are right, I can confirm it.
As a workaround you can set the min-height and the icon yourself by css, e.g. so:
I cannot say what the correct way is (with or without ion-label). I would prefer something like that (keep in mind the following is an idea and is currently not working):
Btw, it would even better to make it like a normal button (https://github.com/ionic-team/ionic/tree/master/core/src/components/button) without any ion-label to reach consistency :)
I labeled it as needs design decision. So we will wait for an official statement :)