As shown in the attach, scrolling the page of settings/members of the DM component will lead to the scroll of the whole page, while the inner container failed to scroll, making it unable to leave a chat/read the bottom part of the members since I can’t reach them.
It might be a bug specific to WebKit browsers, as android webviews run smoothly.
Please take time to investigate, much thanks.
2 Likes
Thank you for providing useful information.
Maybe the style overflow: hidden; prevents the container from scrolling properly, the has-full-page-chat should be changed to a better style selector.
The chat-form css property should be excluded from that.
1 Like
main ← small-lovely-cat:fix-chat-setting-scroll
opened 08:25AM - 30 Nov 25 UTC
In #36248 and #36253, commits preventing scroll of body on IOS/iPadOS is impleme… nted.
However, it accidentally limits the scroll of the setting page/member list of the chat, making leaving a PM/fetching the downer side of the member list difficult on these devices, since all these elements are not scrollable.
Back to the question, we implement a better way to prevent the whole page from scrolling, just set `position: fixed` and `overflow: scroll` rather than using `overflow: hidden` on the body object, and `height: 100%` and `width: 100%` are already implemented, so that the page fits the viewbox.
Before the fix(scratch up the page using mouse, but can't reach the leave button / the member page can't load):
<img width="449" height="801" alt="image" src="https://github.com/user-attachments/assets/4eb510ca-de6a-44ed-8351-779a6562b42a" />
<img width="454" height="796" alt="image" src="https://github.com/user-attachments/assets/0c861cd6-bde4-49e5-ac5d-2d28aeb5e337" />
After the fix:
<img width="1919" height="914" alt="image" src="https://github.com/user-attachments/assets/44bdf71e-a402-49ff-8a85-49b99e4e1644" />
<img width="1919" height="963" alt="image" src="https://github.com/user-attachments/assets/a6d2b27e-7ea5-4d06-ac43-b16b910c0639" />
A PR has been placed here. please take time to get it reviewed.
@j.jaffeux
4 Likes
j.jaffeux
December 2, 2025, 8:19am
5
I have merged your change thanks. Couldn’t find any consequences of this change, will monitor today.
2 Likes
Don’t know if related but I can’t scroll the “My Threads” list on mobile (both in Safari and DiscourseMobile).
2 Likes
j.jaffeux
December 2, 2025, 10:55pm
7
1 Like
Not sure whether the strange behavior is caused by the upper fix, but the reply function on iOS devices behaved strange now. When typing, the post-stream keeps going up, loading the former page until reaching the top, causing a flicker.
Just report that potential bug for track.@j.jaffeux
tsk
December 3, 2025, 4:13pm
9
small-lovely-cat:
When typing, the post-stream keeps going up, loading the former page until reaching the top, causing a flicker
Got the same issue. When you open the keyboard the thread stars auto scrolling up
I have investigated and found that it is the above PR that leads to this issue, made another PR to fix that issue. Much sorry for that.
main ← small-lovely-cat:fix-reply-box-flicker
opened 04:32AM - 04 Dec 25 UTC
In #36331, a fix is implemented to the chat box to make it scrollable. However, … the scss attribution `html.ios-device.composer-open body` is also affected.
The new style `position: fixed` makes the page going up unstoppable when users trying to open reply box, thus causing a flicker.
This PR fix the this by change back the attribution style to `overflow: hidden` used in #36253.
Sorry for that.
@jjaffeux
@j.jaffeux @zogstrip
1 Like
@j.jaffeux
tsk
December 6, 2025, 2:48am
12
When is implemented? Kinda impossible to use discourse with this bug.
