Omg. I attempted to debug an issue in safari, where a position: fixed; element didn't correctly align to the viewports edge and I couldn't find out why, until I noticed that it is now relatively positioned to the next element with `container: inline-size;` on it.
Is this how it is supposed to be? This is only the case in safari
#safari #css #containerqueries #html #webdev
Thomas Michael Semmler
npub1lp…a5j0h
2024-12-19 12:42:24 GMT
Author Public Key
npub1lpjsp4e4aguw8frxw67dwpspzygj06e5d25qvupyqaev3dema0zssa5j0hSeen on
wss://relay.momostr.pinkPublished at
2024-12-19 12:42:24 GMTEvent JSON
{
"id": "f15fe0557327e151ffbc90fd146117d2834ba10fd20fbba16bb5485667134579",
"pubkey": "f86500d735ea38e3a46676bcd70601111127eb346aa80670240772c8b73bebc5",
"created_at": 1734612144,
"kind": 1,
"tags": [
[
"t",
"css"
],
[
"t",
"safari"
],
[
"t",
"containerqueries"
],
[
"t",
"html"
],
[
"proxy",
"https://indieweb.social/@nachtfunke/113679541510747518",
"web"
],
[
"t",
"webdev"
],
[
"proxy",
"https://indieweb.social/users/nachtfunke/statuses/113679541510747518",
"activitypub"
],
[
"L",
"pink.momostr"
],
[
"l",
"pink.momostr.activitypub:https://indieweb.social/users/nachtfunke/statuses/113679541510747518",
"pink.momostr"
],
[
"-"
]
],
"content": "Omg. I attempted to debug an issue in safari, where a position: fixed; element didn't correctly align to the viewports edge and I couldn't find out why, until I noticed that it is now relatively positioned to the next element with `container: inline-size;` on it.\n\nIs this how it is supposed to be? This is only the case in safari\n\n#safari #css #containerqueries #html #webdev",
"sig": "6d02d5fd1e75e8eca7c00e7590df940efba524605a3e3abd497da68b7e9a017b3dfaf05febd71739b78e23ffb7352b0c3ba5178c5c487389b27bd20bee3db41a"
}