[csswg-drafts] [css-content-3] connecting leader seamlessly with the parent element is not addressed (#6875)

OnkarRuikar has just created a new issue for https://github.com/w3c/csswg-drafts:

== [css-content-3] connecting leader seamlessly with the parent element is not addressed ==
The [steps 3](https://www.w3.org/TR/css-content-3/#leader-alignment) talks about how before and after content are to be drawn on top of the leader to make it look seamless. But the actual before content, for which we need the leader, is in the parent element. Like it's shown in the [Example 10](https://www.w3.org/TR/css-content-3/#leader-function) the actual content, eg "Loomings", is in `<a>` tag and the leader is in `::after` pseudo element. <br>
How are we going make leaders seamless for scenarios like these, where product names are in `<p>` tag and leaders in `p::after` element?
Leader for last line, second line is short:
![last line](https://i.stack.imgur.com/8sMMD.jpg) <br>
Leader for first line, wrapping makes first line short:
![first line](https://i.stack.imgur.com/JFgfG.jpg)

For more information refer the Stack Overflow issue: https://stackoverflow.com/q/70042487/15273968 
<br>We cannot put chapter title in pseudo element's content, to make it "before content", cos we are generating the generated content for the title itself. Also, as per [Procedure for rendering leaders](https://www.w3.org/TR/css-content-3/#leader-alignment) the authors **are** considering multiline text that need leader. 


My concerns:
- Provide an example where contents in Table of Contents are multiline and are connected seamlessly.
- Provide provision for having leader after first line and not just after last line.
- Provide way to connect leader to parent element's textual content.


Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/6875 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Friday, 10 December 2021 07:22:08 UTC