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.
(see grey area)
AI-generated summary
In the Support category under the ‘chat’ tag, sok777 reports an issue where iOS chat displays an unexpected bottom padding/margin—approximately 20 pixels—intended to avoid overlapping the iPhone’s home indicator. This padding appears inconsistently, typically only on new sessions and exclusively in Chat, and conflicts with their in-house solution, creating a ‘double’ margin as shown in a screenshot. mcwumbly seeks clarification and a full-screen screenshot to better understand the issue, which sok777 later provides, highlighting the Discourse-added margin (red) versus their own (dark blue). The padding disappears after interacting with the chat or clicking around, but reappears with each new session. mcwumbly considers whether conditional removal of their custom fix might help, but notes it may not resolve the session-based behavior. They suggest monitoring the issue over the next few weeks to gather more reproducible data, acknowledging ongoing platform-specific tweaks, especially for iOS mcwumbly.
I’m not quite sure what I’m looking at in this image. Can you share a full screenshot as well?
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.
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.
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.
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:
So, are you saying it goes away when you reload the page?
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!
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.