Hacker News new | ask | show | jobs
by HatchedLake721 1854 days ago
Can you share details?
1 comments

Everyone loves CSS grid layout now, right?

On Safari (both iOS and OS X) Safari does not support grid-gap, i.e. "gap" CSS property.

https://developer.mozilla.org/en-US/docs/Web/CSS/gap#support...

I use the fullscreen API to give prototype demos of a product to clients, and iOS [iPhone] Safari doesn't support the fullscreen API.

https://developer.mozilla.org/en-US/docs/Web/API/Fullscreen_...

Looks like gap support landed last month in Safari 14.1 https://css-tricks.com/safari-14-1-adds-support-for-flexbox-...
> Everyone loves CSS grid layout now, right?

As someone who does not primarily do web development... no. No I do not :). I am trying to get it to do what I want in Chrome and I find I hate it only slightly less than older CSS.

Anecdotally, friends have told me I shouldn't use grid, I should use flexbox instead.

Clearly I'm not meant to be a web developer. Some people like it, I gather.

I believe you can use the PWA mode for fullscreen (Share > Add to homescreen)
Safari has supported grid-gap since March 2017, the exact same time Chrome and Firefox has. Your statement is completely false.
Gap support in Safari is only there since April 2021 (last month) and because the usage is still close to zero you can't use it. https://caniuse.com/?search=gap
Gap is not grid-gap, and what was added was specifically for gap in flex containers.
It’s supported grid gap (mostly) for ages. It was flex gap it didn’t support until very recently.