Ionic-app-scripts: v1.1.X removes -webkit-box-orient from the css

[albert-gonzalez]

Hi!

Short description of the problem:

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

What behavior are you expecting?

The build should have this property.

.three_lines {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

Which @ionic/app-scripts version are you using?
v1.1.4

The same issue was rejected in ionic repository: https://github.com/driftyco/ionic/issues/10723

Thank you very much!

[aspidvip]

Yes? i'm not work to scss

  .pod_c {
    white-space: pre-line;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   vertical-align: middle;
   font-size: 0.7em;
  }

[ceeliro]

Same here. And can't find another solution to have same behaviour other than wrapping text previously to be shown what i am not confortable with

[awebdeveloper]

another duplicate https://github.com/driftyco/ionic-app-scripts/issues/869

[vhinic]

+1 one for this - it simply removes "-webkit-box-orient: vertical;" from css

[vhinic]

I was able to properly fix this by specifying my own _.scss.config.js_:

module.exports = {
  autoprefixer: {
    remove: false
  },
};

And pointing to it in _package.json_:

  "config": {
    "ionic_sass": ".sass.config.js"
  },

See this and this for more details

[aspidvip]

thansk )))

[aspidvip]

close team please

[albert-gonzalez]

Nice workaround @aspidvip ! Thanks!

[jerryyan1990]

@vhinic thanks for u ,solve my problem 👍 🙏