Bug 285149

1. Go to https://codepen.io/webcompat/pen/pvzwGNm 2. Look at the 4th example. The words "rest of" have disappeared covered by the block-ellipsis characters. <h4><code>line-clamp: 3 '…(next)'</code></h4><div style="width:300px;line-clamp: 3 '…(next)'">If you are lucky enough to have lived in Paris as a young man, then wherever you go for the rest of your life, it stays with you, for Paris is a moveable feast.</div> <h4><code>max-lines:3;block-ellipsis:'…(next)'</code></h4> <div style="width:300px;max-lines:3;block-ellipsis:'…(next)'">If you are lucky enough to have lived in Paris as a young man, then wherever you go for the rest of your life, it stays with you, for Paris is a moveable feast.</div> <h4><code>max-lines:3;block-ellipsis:'…(next)';continue:discard</code></h4> <div style="width:300px;block-ellipsis:'…(next)';continue:discard;max-lines:3;">If you are lucky enough to have lived in Paris as a young man, then wherever you go for the rest of your life, it stays with you, for Paris is a moveable feast.</div> <h4><code>max-lines:3;block-ellipsis:'…(next)';continue:discard;direction:rtl</code></h4> <div style="width:300px;block-ellipsis:'…(next)';continue:discard;max-lines:3;direction:rtl">If you are lucky enough to have lived in Paris as a young man, then wherever you go for the rest of your life, it stays with you, for Paris is a moveable feast.</div> Same thing is happening with simple "line-clamp"