Describe the bug
In the texter view of a conversation, the message list scrolls independently of the sidebox, but scrolling the sidebox (with the TagChips) causes the entire div containing both the sidebox and the message list to scroll. This is an issue for a couple of reasons:
the asymmetry is unexpected: scrolling the message list doesn't affect the sidebox yet scrolling the sidebox moves the message list around
when there is a long list of tags, scrolling to the bottom of the tag list to see the save button can make the entire conversation disappear, which is frustrating (see screenshot).
To Reproduce
Steps to reproduce the behavior:
Go to texter view in a campaign that has replies and a bunch of texter tags
Click on "respond" or "past messages" or "skipped messages" (anything that takes you to a view to reply).
a. If necessary, resize browser wide enough that the tags are shown as a sidebox and not as an overlay.
b. If necessary, resize browser vertically so that the tags require scrolling to see the save button
Scroll vertically in the tag sidebox
See the conversation message list move off screen
Expected behavior
The sidebox should scroll independently from the message list.
Screenshots
Platform (please complete the following information):
OS: macOS
Browser: Chrome, Firefox
Desktop or Mobile? Desktop, also looks like mobile in landscape based on browser device emulation
navinsivakumar
commented
3 years ago
Describe the bug In the texter view of a conversation, the message list scrolls independently of the sidebox, but scrolling the sidebox (with the TagChips) causes the entire div containing both the sidebox and the message list to scroll. This is an issue for a couple of reasons:
To Reproduce Steps to reproduce the behavior:
Expected behavior The sidebox should scroll independently from the message list.
Screenshots
Platform (please complete the following information):