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 */
}
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;
}
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;
}