New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
[css-lists] Outside marker positioning with floats #2361
Comments
This doesn't look correct:
fast/lists/001.html indicates that the position is at the edge of the line box, plus border and padding of the list item. |
It seems to me Edge/Trident's approach looks more reasonable. |
This seems right. From the perspective of a reader, I think the approach of Blink/Gecko/WebKit could make the bullet and content more related, especially for the case WebKit/Blink fast/lists/003.html |
I agree with @cathiechen that it is a bit better in some cases, but I also agree with @upsuper that Edge/Trident approach is easier to define and to predict, and I prefer the latter for the hope to define the marker positioning better. The question though is how much this is web-compatible. |
I don't think Edge's behavior is web compatible. We have a fair amount of issues due to it. Chrome behavior also has problems though. I think the bullet should be offset to the right by the floats that intrude the list-item, but not by floats that start in the list item. |
Personally, I am looking forward to exploring the use of Similar to Eric Meyer's Grid Powered Drop Quotes, but requiring |
Positioning markers in CSS Lists defines that the marker is positioned at the border edge of the ancestor list item. I understand this section is not ready, but to share our findings.
When there're floats, it looks like:
<li>
.Test@codepen
A test in WebKit/Blink fast/lists/003.html indicates this was intentionally done.
/cc @FremyCompany @cathiechen
The text was updated successfully, but these errors were encountered: