webkit box orient styling disappears from styling webkit box orient styling disappears from styling angular angular

webkit box orient styling disappears from styling


Wrapping -webkit-box-orient in the following autoprefixer code seems to solve the issue.

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


Similar solution as was previously presented, but one less line if that's your thing:

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


The following work for me.

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

}