search

ionic-team / ionic-app-scripts

App Build Scripts for Ionic Projects
http://ionicframework.com/
MIT License
608 stars 304 forks source link

v4.0 removes -webkit-box-orient from the css #1513

Open touch2hussain opened 5 years ago

touch2hussain commented 5 years ago

Short description of the problem:

Hi,

If you use the CSS property -webkit-box-orient, it is removed in the build. It worked well in v3.9.2

What behavior are you expecting?

The build should have this property. My css:

.two-lines {
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        -webkit-line-clamp: 2;
    }

Produced output 

.two-lines {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
    }

Which @ionic/app-scripts version are you using? Ionic:

ionic (Ionic CLI) : 4.6.0 (C:\Users\mnaduvadka\AppData\Roaming\npm\node_modules\ionic) Ionic Framework : @ionic/angular 4.0.0 @angular-devkit/build-angular : 0.12.2 @angular-devkit/schematics : 7.2.2 @angular/cli : 7.2.2 @ionic/angular-toolkit : not installed

System:

NodeJS : v10.15.0 (C:\Program Files\nodejs\node.exe) npm : 6.4.1 OS : Windows 10

Other information: (e.g. stacktraces, related issues, suggestions how to fix, stackoverflow links, forum links, etc) Same issue was posted for previous versions https://github.com/ionic-team/ionic/issues/10723 https://github.com/ionic-team/ionic-app-scripts/issues/821

anagstef commented 5 years ago

It's an angular thing, the same happens with many prefixed properties. (check https://github.com/angular/angular-cli/issues/14393).

A workaround is exampled here: https://github.com/angular/angular-cli/issues/14393#issuecomment-395283582