Seams not supported in firefox
Nor Safari
There's a polyfill that I haven't tried using that claims to make it work in Safari/Firefox.
Anchoreum: A game for learning CSS anchor positioning
11–20 of 28 posts
Re: Anchoreum: A game for learning CSS anchor positioning
#12Great, yet another feature Firefox doesn't support... I really try to not use Chrome, but I run into this sort of issue a lot.
From https://caniuse.com/css-anchor-positioning you'll see "All major browser engines are working on implementing this spec.".
Not all browsers implement the same features at the same time. Firefox releases some features before Chrome, so it goes both ways.
Re: Anchoreum: A game for learning CSS anchor positioning
#13I suppose fixing CSS itself to be predictable would be too hard? :)
Re: Anchoreum: A game for learning CSS anchor positioning
#14Great, yet another feature Firefox doesn't support... I really try to not use Chrome, but I run into this sort of issue a lot.
Firefox is actively working on an implementation of this to be fair (source: I work on Servo and we have been accepting a steady stream of anchor positioning changes from our upstream stylo component)
Re: Anchoreum: A game for learning CSS anchor positioning
#15If this accepts Firefox and Safari then it could be a great addition to "intro to web dev" tutorials CSS Flex https://flexboxfroggy.com/ CSS Grid https://cssgridgarden.com/ CSS selectors https://flukeout.github.io/
Same creator as the first two, Thomas Park. Looks like he's started a series of these, but they're all paywalled except those three: https://codepip.com/games/
Re: Anchoreum: A game for learning CSS anchor positioning
#16When will they realize that layout is fundamentally a linear problem, which only needs a "constraint" as a building block?
That all these stupid width-basis-fit-minmax-fr-anchor-span combinations boil down to "Σ(aₙxₙ) ≤ b" and a couple of specialized distributors?
How many half-assed incantations and reiterations it will take?
Jesus Christ.
Re: Anchoreum: A game for learning CSS anchor positioning
#17I suppose fixing CSS itself to be predictable would be too hard? :)
You mean like elm-ui?
https://package.elm-lang.org/packages/mdgriffith/elm-ui/late...
Fixing CSS would be nice.
Re: Anchoreum: A game for learning CSS anchor positioning
#18honestly idk if there is any reason anyone should be learning CSS anymore
Re: Anchoreum: A game for learning CSS anchor positioning
#19https://caniuse.com/css-anchor-positioning
“No” basically. Unless it can be poly filled into safari (ios) it is not worth adopting just yet.
Re: Anchoreum: A game for learning CSS anchor positioning
#20Neat. The museum framing is cute, and well executed with the footsteps sound between levels. On level 20, if I set `position-try-fallbacks: flip-inline;` and drag the anchor to the top, something weird happens: the label stays on top, but is also mirrored below the anchor, except with no text or background, just a border and a translucent frame. Latest Chrome (on Ubuntu, but I don't think that matters here). Is this…
What do you mean by cute?