# Padding/margin bottom on iOS chat

**URL:** https://meta.discourse.org/t/padding-margin-bottom-on-ios-chat/239662
**Category:** Support
**Tags:** chat
**Created:** [September 21, 2022, 3:20pm UTC](https://meta.discourse.org/t/padding-margin-bottom-on-ios-chat/239662 "2022-09-21T15:20:10Z")
**Posts on this page:** 8
**Page:** 1

<div class="post-metadata">

### Author: ![sok777](https://avatars.discourse-cdn.com/v4/letter/s/82dd89/32.png) [@sok777](https://meta.discourse.org/u/sok777)
#### Post date: [September 21, 2022, 3:20pm UTC](https://meta.discourse.org/t/padding-margin-bottom-on-ios-chat/239662/1 "2022-09-21T15:20:10Z")

</div>

I noticed chat adds this sort of padding at the bottom on iOS to push it above the home indicator. How can we remove this as we already have that solution in place? I can’t repro on a browser to find that div.

 ![IMG_5E6B6802486C-1](https://global.discourse-cdn.com/meta/original/4X/6/f/a/6faac84ef3cb0063cba775e629dad7e8ceccd952.jpeg)

(see grey area)

---

<div class="post-metadata">

### Author: ![mcwumbly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mcwumbly/32/103861_2.png) [@mcwumbly](https://meta.discourse.org/u/mcwumbly)
#### Post date: [September 21, 2022, 4:53pm UTC](https://meta.discourse.org/t/padding-margin-bottom-on-ios-chat/239662/2 "2022-09-21T16:53:02Z")

</div>

I’m not quite sure what I’m looking at in this image. Can you share a full screenshot as well?

> [@sok777](#):
>
> we already have that solution in place

Can you help to illustrate what you mean by this too?

Just trying to understand well enough to help, but I’m not quite there yet.

---

<div class="post-metadata">

### Author: ![sok777](https://avatars.discourse-cdn.com/v4/letter/s/82dd89/32.png) [@sok777](https://meta.discourse.org/u/sok777)
#### Post date: [September 21, 2022, 5:05pm UTC](https://meta.discourse.org/t/padding-margin-bottom-on-ios-chat/239662/3 "2022-09-21T17:05:51Z")

</div>

It doesn’t happen all the time, hence my difficulty. Not sure what the logic is.

Basically, on iPhones there’s a home indicator which is marked as a horizontal line, right?  
So it seems as if there’s some kind of margin/padding at the bottom to avoid any overflow over this. A little tricky to see in the picture, but it’s a grey area of about 20 pixels before the content actually is being drawn.  
It seems to come and go - haven’t found a way to repro but it seems to only happen in Chat?

We have already created an in-house solution to deal with this home indicator so essentially we now have a “double” margin/padding.

---

<div class="post-metadata">

### Author: ![mcwumbly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mcwumbly/32/103861_2.png) [@mcwumbly](https://meta.discourse.org/u/mcwumbly)
#### Post date: [September 21, 2022, 6:17pm UTC](https://meta.discourse.org/t/padding-margin-bottom-on-ios-chat/239662/4 "2022-09-21T18:17:37Z")

</div>

> [@sok777](#):
>
> A little tricky to see in the picture, but it’s a grey area of about 20 pixels before the content actually is being drawn.  
> It seems to come and go - haven’t found a way to repro but it seems to only happen in Chat?

OK, well when you _do_ see it again, if you can get a screenshot of the full screen I think it’d really help me understand better.

---

<div class="post-metadata">

### Author: ![sok777](https://avatars.discourse-cdn.com/v4/letter/s/82dd89/32.png) [@sok777](https://meta.discourse.org/u/sok777)
#### Post date: [September 27, 2022, 4:33pm UTC](https://meta.discourse.org/t/padding-margin-bottom-on-ios-chat/239662/5 "2022-09-27T16:33:30Z")

</div>

Here’s a full screen photo Dave! Hope we can find a solution. It seems to happen only upon each new session and when visiting Chat only via iOS.

blurred for privacy of users.

See the margin discourse adds in red (left side) and our very own in dark blue (right side)

 ![1](https://global.discourse-cdn.com/meta/original/4X/6/2/8/628fde5caf2ec20c2577a4c089fb1148de885bc8.jpeg)

---

<div class="post-metadata">

### Author: ![mcwumbly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mcwumbly/32/103861_2.png) [@mcwumbly](https://meta.discourse.org/u/mcwumbly)
#### Post date: [September 27, 2022, 7:07pm UTC](https://meta.discourse.org/t/padding-margin-bottom-on-ios-chat/239662/6 "2022-09-27T19:07:09Z")

</div>

Thanks! I need to charge my old iPhone to see how this looks on Meta as well.

Curious, have you tried conditionally removing your own customization when you’re in chat?

Oh, maybe that wouldn’t work because:

> [@sok777](#):
>
> It seems to happen only upon each new session

So, are you saying it goes away when you reload the page?

---

<div class="post-metadata">

### Author: ![sok777](https://avatars.discourse-cdn.com/v4/letter/s/82dd89/32.png) [@sok777](https://meta.discourse.org/u/sok777)
#### Post date: [September 27, 2022, 10:05pm UTC](https://meta.discourse.org/t/padding-margin-bottom-on-ios-chat/239662/7 "2022-09-27T22:05:27Z")

</div>

It’s a strange behavior. It goes away after using the chat or clicking some places. I’m not entirely sure! But I do know that a new session brings it back.

I’d appreciate any help!

---

<div class="post-metadata">

### Author: ![mcwumbly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mcwumbly/32/103861_2.png) [@mcwumbly](https://meta.discourse.org/u/mcwumbly)
#### Post date: [September 28, 2022, 12:43am UTC](https://meta.discourse.org/t/padding-margin-bottom-on-ios-chat/239662/8 "2022-09-28T00:43:19Z")

</div>

OK, good to know. I know there’s been plenty of tinkering with getting things to be a bit more smooth on different platforms (especially iOS). Let’s see if this continues to be an issue a couple weeks from now, and if it is, we’ll try to identify more specifics for how to reproduce it.
