# Be careful with new grid element/display functionality (all Apple mobile devices + Safari on Mac aren't supported)

**URL:** <https://community.weweb.io/t/be-careful-with-new-grid-element-display-functionality-all-apple-mobile-devices-safari-on-mac-arent-supported/9481>\
**Category:** Ask us anything\
**Created:** [July 1, 2024, 10:49pm UTC](https://community.weweb.io/t/be-careful-with-new-grid-element-display-functionality-all-apple-mobile-devices-safari-on-mac-arent-supported/9481 "2024-07-01T22:49:06Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![jblount](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/jblount/32/9260_2.png) [@jblount](https://community.weweb.io/u/jblount)\
**Post date:** [July 1, 2024, 10:49pm UTC](https://community.weweb.io/t/be-careful-with-new-grid-element-display-functionality-all-apple-mobile-devices-safari-on-mac-arent-supported/9481/1 "2024-07-01T22:49:06Z")

</div>

I’ve been dealing with a bug since I implemented the new grid element/display functionality (released with WeWeb Summer 2024 release) and I heard back from support today.

The grid element/display is **not supported** for any Apple-produced mobile device (iPhone, iPad) — despite the browser running on that device. Chrome on iOS/iPadOS does not work either. Further, Safari on Mac doesn’t work.

Here are some images showing the issues that I am experiencing in my production app.

**Grid elements expand beyond expected sizing**

 ![IMG_7621](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/f/f31f0700b3bf6392272cf946bd0a6ada850129f7.png)  
 ![IMG_7622](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/8/89dd1359bdc0979dbb351adb2f391e4a92bd2c4f.png)  
 ![IMG_7616](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/4/45f55ed409c9a70c372225f3fb93e1e592606fd0.png)  
 ![IMG_7617](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/8/8596581a61365c5601c24b61d99883154a5b9eef.png)

ETA for resolution from WeWeb support is after the summer. In the meantime, there is nothing that can be done. The Columns element was deprecated with the release so can’t fallback to that.

---

<div class="post-metadata">

**Author:** ![jblount](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/jblount/32/9260_2.png) [@jblount](https://community.weweb.io/u/jblount)\
**Post date:** [July 1, 2024, 10:51pm UTC](https://community.weweb.io/t/be-careful-with-new-grid-element-display-functionality-all-apple-mobile-devices-safari-on-mac-arent-supported/9481/2 "2024-07-01T22:51:10Z")

</div>

Expected visualization is present in the preview in WeWeb editor, but same expectation doesn’t pass into production.

---

<div class="post-metadata">

**Author:** ![ericp](https://avatars.discourse-cdn.com/v4/letter/e/ea666f/32.png) [@ericp](https://community.weweb.io/u/ericp)\
**Post date:** [July 2, 2024, 3:07am UTC](https://community.weweb.io/t/be-careful-with-new-grid-element-display-functionality-all-apple-mobile-devices-safari-on-mac-arent-supported/9481/3 "2024-07-02T03:07:54Z")

</div>

To a certain degree this was also happening previously when you flex sizing of the container with dynamic cells. I had to implement max-height for iOS issues where auto-height resulted in unnecessary blank spaces.

Disappointed to hear the new grid still has the problem and a quick fix isn’t planned.

---

<div class="post-metadata">

**Author:** ![jayjay13](https://avatars.discourse-cdn.com/v4/letter/j/9de053/32.png) [@jayjay13](https://community.weweb.io/u/jayjay13)\
**Post date:** [August 29, 2024, 8:54pm UTC](https://community.weweb.io/t/be-careful-with-new-grid-element-display-functionality-all-apple-mobile-devices-safari-on-mac-arent-supported/9481/4 "2024-08-29T20:54:55Z")

</div>

i have the same issue on my end… have you gotten an update on when this will be resolved by weweb?

---

<div class="post-metadata">

**Author:** ![Broberto](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/broberto/32/5918_2.png) [@Broberto](https://community.weweb.io/u/Broberto)\
**Post date:** [August 29, 2024, 8:58pm UTC](https://community.weweb.io/t/be-careful-with-new-grid-element-display-functionality-all-apple-mobile-devices-safari-on-mac-arent-supported/9481/5 "2024-08-29T20:58:33Z")

</div>

You need to set the wrapper to block, not flex. It is not a WeWeb thing, but a browser (Safari) thing.

---

<div class="post-metadata">

**Author:** ![jayjay13](https://avatars.discourse-cdn.com/v4/letter/j/9de053/32.png) [@jayjay13](https://community.weweb.io/u/jayjay13)\
**Post date:** [August 30, 2024, 7:28am UTC](https://community.weweb.io/t/be-careful-with-new-grid-element-display-functionality-all-apple-mobile-devices-safari-on-mac-arent-supported/9481/6 "2024-08-30T07:28:52Z")

</div>

@Broberto thank you a lot.

only saw your reply after testing it on Browserstack and asking chatgpt 🙈
