UnreadNotice makes the screen jump.

[AkashDhiman]

This makes it harder to communicate in realtime.

One possible way to fix this is to wrap everything below ChatNavBar in a position: 'relative' View and then style the UnreadNotice along with OfflineNotice as position: absolute. This would place them both above the MessageList. A disadvantage of this solution would be that it will hide the sticky topic name behind it.

Another solution is to use an extended floating action button that still renders on top but takes up less than 100% width. Something like this:

Yet another solution would be to not render UnreadNotice when a user is at the bottom of MessageList.

[AkashDhiman]

duplicate of #4526