#1 superfan of the CSS Anchor Positioning API: https://developer.chrome.com/blog/anchor-positioning-api
-
Zach Leatherman :11ty:replied to Zach Leatherman :11ty: last edited by
cc @DavidDarnes and @ambrwlsn who might be interested in this! https://github.com/11ty/eleventy-base-blog/blob/dc5ab2ef6372de744be5484ada4958a4342073ea/public/js/heading-anchors.js
-
Rijk š° āØreplied to Zach Leatherman :11ty: last edited by
@zachleat Apparently it's so new it makes the DevTools crash (In Arc, which is Chromium based)
-
Zach Leatherman :11ty:replied to Rijk š° āØ last edited by [email protected]
@rijk yeah! crashes every time I inspect in Chrome Dev Tools too
cc @paul_irish
-
Ricky de Laveagareplied to Zach Leatherman :11ty: last edited by
@zachleat @rijk @paul_irish also only *works* in Chrome correct? Is Safari or Firefox support even on the horizon? Does @eleventy care about non-Chromium browsers?
-
Ricky de Laveagareplied to Ricky de Laveaga last edited by
@zachleat @rijk @paul_irish @eleventy seems like a wrapper element that works in all browsers is vastly preferable.
-
Zach Leatherman :11ty:replied to Ricky de Laveaga last edited by
@rdela @rijk @paul_irish @eleventy I suppose itās my fault for not communicating the amount of nuance in play here. Make sure you test in Firefox/Safari to see the fallback behavior!
-
Rijk š° āØreplied to Ricky de Laveaga last edited by
@rdela only works in Chrome *at the moment* as they're the first ones to ship it. It's a w3 spec just like any other so it'll come to other browser soon enough. The way @zachleat implemented it means it's a progressive enhancement for browser that have it already, but it won't break or lock things down for other browser that donāt.
-
Zach Leatherman :11ty:replied to Rijk š° āØ last edited by
-
Amberreplied to Zach Leatherman :11ty: last edited by
@zachleat @DavidDarnes well then I may have to update my site
-
Ricky de Laveagareplied to Zach Leatherman :11ty: last edited by
@zachleat @rijk @paul_irish @eleventy I did test, see other response. Also I tried to have a conversation about this here https://mastodon.social/@rdela/112974024986394224
ā¦on GH https://github.com/rdela/eleventeen/pull/44
ā¦and emailed you about it as well, Zach, to no avail. I get that the wrapper element isnāt your preferred choice here, but when even devtools is crashing, it became almost comical to me, so I thought I would chime in here as well.
-
Zach Leatherman :11ty:replied to Ricky de Laveaga last edited by [email protected]
@rdela @rijk @paul_irish @eleventy Not sure why this feels like a heated discussionāI am back from vacation and havenāt quite caught up on all my emails yet?
Unfortunately I donāt think the container element *is* preferableāit has markup and styling complexities that Iām trying to avoid (if possible!).