Firefox 147 just landed & it's pretty huge in terms of web features: 🎉 CSS anchor positioning 🎉 The navigation API 🎉 View transition types 🎉 Brotli support in Compression/DecompressionStream 🎉 CSS module imports And more! https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/147
Post
Testing one of my demos and it looks like it's not working well 🤔 bugs or not all the features of Anchor Positioning are available? css-tip.com/tooltip-anch...
Here is another demo not working fine: css-tip.com/tooltip-anch... It has the same margin issue as the previous one but the position is not good in Nighty (it's good on the stable version). In Nighty the flip-start is not triggered (we get an overflow instead)
You can focus on the first one but both are almost identical and have the same issues. For reference here are two recordings (with their respective links) showing how the behavior should be: - bsky.app/profile/css-... - bsky.app/profile/css-...
Perfect! As for the behavior, It's for sure related to the use of "unsafe center". Firefox is enforcing the unsafe behavior by having an overflow while Chrome is flipping to avoid the overflow. btw, the v147 of Firefox is having the same behavior as Chrome.
0 reposts0 likes
No replies yet.