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.
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
