css - webkit box orient styling disappears from styling -


in angular app (i'm on version 4.3.1) i'm adding css ellipsis after multiple lines.
this, use following css code in sass.

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

for reason, box-orient line gets removed styling transpile, causing ellipsis not work. seems happen in angular , ionic apps.

wrapping -webkit-box-orient in following autoprefixer code seems solve issue.

.ellipsis {     /* autoprefixer: off */     -webkit-box-orient: vertical;     /* autoprefixer: on */     display: block;     display: -webkit-box;     -webkit-line-clamp: 2;     overflow: hidden;     text-overflow: ellipsis; } 

Comments

Popular posts from this blog

Sort a complex associative array in PHP -

vb.net - How to ignore if a cell is empty nothing -

recursion - Can every recursive algorithm be improved with dynamic programming? -