You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
@una shared a codepen with me and asked why we can't use anchor positioning on elements that aren't in the top layer.
Creating this issue to facilitate that discussion.
Reference markup:
<style>figure {
display: inline-block;
}
blockquote {
background: lightgray;
padding:1rem;
}
figure {
position: relative;
}
figcaption {
position: absolute;
right:0;
}
figcaption:before {
content:"";
position: absolute;
width:0;
height:0;
border-left:15px solid transparent;
border-right:15px solid transparent;
border-top:15px solid lightgray;
top:-1rem;
right:4rem;
}
</style><p>Lorem ipsum...</p><figure><blockquotecite="https://developer.mozilla.org/samples/html/figure.html">
Quotes, parts of poems can also be a part of figure.
</blockquote><figcaptionanchor="blockquote"><ahref="">MDN editors</a></figcaption></figure><p>Lorem ipsum...</p>
The markup renders like this:
And the question is why can't we anchor the figcaption to the bottom right of the blockquote? Here's a hypothetical markup that doesn't align with the current proposal but is useful for discussion:
@una shared a codepen with me and asked why we can't use anchor positioning on elements that aren't in the top layer.
Creating this issue to facilitate that discussion.
Reference markup:
The markup renders like this:
And the question is why can't we anchor the
figcaption
to the bottom right of the blockquote? Here's a hypothetical markup that doesn't align with the current proposal but is useful for discussion:@una let me know if I've captured the question correctly.
The text was updated successfully, but these errors were encountered: