Ionic-framework: ion-label is aligned wrong when combined with ion-select

Created on 15 Feb 2019  路  4Comments  路  Source: ionic-team/ionic-framework

Bug Report

Ionic version:
[x] 4.0.1

Current behavior:
Label is aligned incorrectly (missing margin?) in md version for inset lists

Expected behavior:
Label is aligned correctly

Related code:

<ion-list inset lines="full">
    <ion-list-header color="light">
        <ion-label>Heading</ion-label>
    </ion-list-header>

    <ion-item color="light">
        <ion-label>Setting A</ion-label>
        <ion-select placeholder="Select one">
            <ion-select-option>Option 1</ion-select-option>
            <ion-select-option>Option 2</ion-select-option>
        </ion-select>
    </ion-item>
</ion-list>

Other information:

skjermbilde 2019-02-15 kl 13 57 11

Ionic info:

Ionic:

   ionic (Ionic CLI)             : 4.10.2 (/Users/remisture/.nvm/versions/node/v10.15.0/lib/node_modules/ionic)
   Ionic Framework               : @ionic/angular 4.0.1
   @angular-devkit/build-angular : 0.13.1
   @angular-devkit/schematics    : 7.3.1
   @angular/cli                  : 7.3.1
   @ionic/angular-toolkit        : 1.4.0

Cordova:

   cordova (Cordova CLI) : 8.1.2 ([email protected])
   Cordova Platforms     : android 7.1.4, ios 5.0.0
   Cordova Plugins       : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 2.3.3, (and 13 other plugins)

System:

   Android SDK Tools : 26.1.1 (/Users/remisture/Library/Android/sdk/)
   ios-sim           : 7.0.0
   NodeJS            : v10.15.0 (/Users/remisture/.nvm/versions/node/v10.15.0/bin/node)
   npm               : 6.7.0
   OS                : macOS Mojave
   Xcode             : Xcode 10.1 Build version 10B61
stale issue core bug

All 4 comments

Thanks for the issue! I'm confused by the title - is there a problem related to the action sheet? Your code shows a list, and I can reproduce the problem with that and no interface specified. Please let me know, thanks!

I can update the title :)

Will this be addressed soon? I hate to make custom fixes for something that should work out of the box.

Thanks for the issue! This issue is being closed due to inactivity. 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.

Thank you for using Ionic!

Was this page helpful?
0 / 5 - 0 ratings

Related issues

brandyscarney picture brandyscarney  路  3Comments

danbucholtz picture danbucholtz  路  3Comments

GeorgeAnanthSoosai picture GeorgeAnanthSoosai  路  3Comments

SebastianGiro picture SebastianGiro  路  3Comments

Nick-The-Uncharted picture Nick-The-Uncharted  路  3Comments