The -webkit-box-orient declaration got deleted, and this causes browsers to fail doing their line-clamp thingy because:
“It only works in combination with the display property set to -webkit-box or -webkit-inline-box and the -webkit-box-orient property set to vertical.”
http://go/mdn/CSS/-webkit-line-clamp#content
@ai suggestion was (2023-Jul-10) to check for -webkit-line-clamp in the same rule. If it exists, don't remove -webkit-box-orient.
Note, this will not work 100% of the times, because I would write the declarations in separate rules:
This was previously discussed offline by @ai and @nex3, I'm just summarizing here:
Given this input:
And passing
"last 1 chrome version"
Results on this output:
The
-webkit-box-orient
declaration got deleted, and this causes browsers to fail doing their line-clamp thingy because:@ai suggestion was (2023-Jul-10) to check for
-webkit-line-clamp
in the same rule. If it exists, don't remove-webkit-box-orient
.Note, this will not work 100% of the times, because I would write the declarations in separate rules:
And Autoprefixer would still delete
-webkit-box-orient
.