- From: Nicole Sullivan via GitHub <sysbot+gh@w3.org>
- Date: Tue, 25 Jul 2023 22:33:17 +0000
- To: public-css-archive@w3.org
stubbornella has just created a new issue for https://github.com/w3c/csswg-drafts: == Anchor positioning proposal comparison `[css-anchor-position]` == Please let me know if I'm opening this issue incorrectly! @xiaochengh and I created a feature by feature comparison of the two anchor positioning proposals [[1](https://www.w3.org/TR/css-anchor-position-1/), [2](https://fantasai.inkedblade.net/style/specs/css-anchor-exploration/)] so we could better understand which features they each support. As we were doing that, we realized that both had features they _could_ support, but _didn't yet_. We'd like to explore extending the two proposals to the full feature set. To do so, we need your help, we are likely missing whole features and in some cases wrong about whether the feature is supported by each proposal, so please do add comments with corrections and I'll update the issue accordingly. There are also several where I didn't have enough information to be sure if it was supported. I marked those with a "?" <meta charset="utf-8"><b style="font-weight:normal;" id="docs-internal-guid-1bf321e0-7fff-e4fa-5cde-9d8712a06b33"><h2 dir="ltr" style="line-height:1.38;margin-top:18pt;margin-bottom:6pt;"><span style="font-size:16pt;font-family:Arial,sans-serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">Feature table</span></h2><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><span style="font-size:11pt;font-family:Arial,sans-serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">✖️ = not currently, but probably could</span></p><p dir="ltr" style="line-height:1.2;margin-top:0pt;margin-bottom:0pt;"><span style="font-size:11pt;font-family:Arial,sans-serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">❌ = not currently, would be difficult or impossible</span></p><p dir="ltr" style="line-height:1.2;margin-top:0pt;margin-bottom:0pt;"><span style="font-size:11pt;font-family:Arial,sans-serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">✅ = supported</span></p><br /><p dir="ltr" style="line-height:1.2;margin-top:0pt;margin-bottom:0pt;"><span style="font-size:11pt;font-family:Arial,sans-serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">Most features could be supported by either proposal. But, each has weak areas that we can focus on improving before we compare the two. </span></p><br /><div dir="ltr" style="margin-left:0pt;" align="left"> Feature | Proposal 1 | Proposal 2 -- | -- | -- Named position areas | ✖️ | ✅ Automatic alignment / justification | ✖️ | ✅ Animations and transitions | ✅ | ❌ Transitions between fallbacks | ❌ | ❌ Center alignment | ✖️ | ✅ Tether | ✖️ | ✅ Tether behavior with deeply rounded corners | ✖️ | ✖️ Tether behavior at a diagonal from anchor | ✖️ | ✖️ Multiple anchors (document comments use-case) | ✅ | ❌? Strong expressiveness for complex cases | ✅ | ✖️ Simple syntax position fallbacks | TBD | ✅ Simple syntax for tether to work with position fallbacks | ✖️ | ❌? Position fallbacks | ✅ | ✅ Auto fallbacks (auto, auto-same) | ✅ | ✖️ Keyword for aligning to center of anchor | ✅ | ✖️ Styling the anchored element and tether with borders | ? | ? Styling the anchored element and tether with shadows | ? | ? Styling the anchor to sit on top of the backdrop | ? | ? Automatic with no author code, “Tess mode” | ✖️ | ✖️ Fixed position anchored element, scrollable anchor | ✅ | ✖️ Logical and physical positioning | ✅ | ✅ </div></b> Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/9117 using your GitHub account -- Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Tuesday, 25 July 2023 22:33:19 UTC