Skip to content
This repository has been archived by the owner on Jun 30, 2022. It is now read-only.

Scroll issues on Safari #503

Closed
jarismar opened this issue Oct 1, 2020 · 2 comments
Closed

Scroll issues on Safari #503

jarismar opened this issue Oct 1, 2020 · 2 comments

Comments

@jarismar
Copy link
Contributor

jarismar commented Oct 1, 2020 •
edited
Loading

After upgrading to Rocket.Chat 3.6.2 (@rocket.chat/livechat @ 1.7.3), we started to notice issues with scroll on Safari.
I recorded this video of the problem
https://drive.google.com/file/d/1W_2sS9f53MQwavgitwWwIpf9AIy4KCMU/view

I can see the .message-list div (were the scroll is expected to happen) it's growing as the list of messages get larger, so there's no overflow on the element and no scroll.

Video recorded on Safari Version 13.1.2 (15609.3.5.1.3)
Mac OSX 10.15.6 (19G73)
@jarismar
Copy link
Contributor Author

jarismar commented Oct 2, 2020

I noticed that if I simple change this rule on .screen__main from: flex: 1 0; to flex: 1 1; then the scroll y is restored.

image

jarismar added a commit to jarismar/Rocket.Chat.Livechat that referenced this issue Oct 12, 2020
@jarismar
[FIX] Scroll issues on Safari RocketChat#503
fb1cf76
ggazzo added a commit that referenced this issue Oct 25, 2020
@ggazzo
[FIX] Scroll issues on Safari (#503)
649b7a9
@jarismar
Copy link
Contributor Author

Merged

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
1 participant
@jarismar