Skip to content

[Ionic 4 beta11] No .ios and .md classes on element depending on the platform #15747

@giacomocerquone

Description

@giacomocerquone

Bug Report

Ionic Info

Ionic:

   ionic (Ionic CLI)          : 4.1.2
   Ionic Framework            : @ionic/angular 4.0.0-beta.11
   @angular-devkit/core       : 0.7.5
   @angular-devkit/schematics : 0.7.5
   @angular/cli               : 6.1.5
   @ionic/ng-toolkit          : 1.0.8
   @ionic/schematics-angular  : 1.0.6

Cordova:

   cordova (Cordova CLI) : 8.0.0
   Cordova Platforms     : android 7.1.1, ios 4.5.5
   Cordova Plugins       : cordova-plugin-ionic-keyboard 2.1.2, cordova-plugin-ionic-webview 2.1.4, (and 4 other plugins)

System:

   Android SDK Tools : 26.1.1 (/Users/giacomocerquone/Library/Android/sdk)
   NodeJS            : v10.3.0 (/Users/giacomocerquone/.nvm/versions/node/v10.3.0/bin/node)
   npm               : 6.4.0
   OS                : macOS High Sierra
   Xcode             : Xcode 9.4.1 Build version 9F2000

Describe the Bug
.ios and .md classes are not added to the html structure and I can't style stuff based on the platform

Steps to Reproduce
Steps to reproduce the behavior:

  1. Initialize an ionic 4 project
  2. start with ionic serve or
    2b. start with ionic serve -l

Related Code

.ios ion-button {
  color: #0ec254 !important;
}

<ion-content padding>
  <ion-button>My Button</ion-button>
</ion-content>

Expected Behavior
That I could, in fact, style with the selector illustrated above.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions