Re: [csswg-drafts] [css-overflow] Consider support for multiple-line ellipsis

I think you've read option 2 completely backwards?  I'll make them clearer with some examples.

Everyone uses the same markup:

```
<!DOCTYPE html>
<section>
  foo foo foo foo foo foo foo foo foo foo foo foo foo
  <hr>
  bar bar bar bar bar bar bar bar bar bar bar bar bar
</section>
<style>
section { 
  display: -webkit-box; 
  -webkit-box-orient: vertical; 
  -webkit-line-clamp: 2; 
  width: 100px;
}
</style>
```

Option 1 is today's behavior - the "foo" text fills out two lines, gets an ellipsis, then continues flowing for two more lines and overflowing the following content. Then the "bar" text does the same thing - fills out two lines, gets an ellipsis, then continues flowing for two more lines and overflowing

Option 2 will have "foo" text fill out two lines, get an ellipsis, then continue flowing for two more lines and overflow. The "bar" text just overflows immediately (treated as it it has 0 lines in it, because the section has already laid out two lines of text).

Option 3 will have "foo" text fill out two lines, get an ellipsis, then continue flowing for two more lines and overflow.  The "bar" text lays out normally (because it's not the first inline context in the block, so it doesn't care).

Option 4 will be identical to 2 for this case, but if there was only 1 line of "foo" text, the "bar" text would still overflow immediately. (Option 2 would instead lay out one line of "bar" text before overflowing, for a total of 2 lines.)

-- 
GitHub Notification of comment by tabatkins
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/390#issuecomment-327924045 using your GitHub account

Received on Thursday, 7 September 2017 20:51:24 UTC