Freegle / Iznik / 27197 / 27197

72%

master: 72%

push

circleci

fix(chat): keep compose footer at the bottom of an empty chat

On mobile, an empty chat (first contact with a group's volunteers, before any
message is sent) renders neither the message list (v-if="chatmessages?.length")
nor the busy spinner, and the profile header is desktop-only. The ChatFooter
then became the only child of the flex column and, with justify-content:
space-between, jumped up under the mobile navbar - leaving a large blank area
below it and the "Type here" input squashed at the top (Discourse 9918).

Add a growing v-else spacer (.chatContentEmpty, order 3 + flex-grow:1, mirroring
.chatContent's background) so the footer stays pinned to the bottom and an empty
chat still looks like a chat rather than a blank white void.

Test: ChatPane awaits setupChat() so it is an async-setup component that cannot
be cleanly mounted; assert on the source (as ChatFooterDraftPersistence.spec.js
does) that the empty-chat spacer exists and has flex-grow + the message-slot order.

12468 of 14382 branches covered (86.69%)

Branch coverage included in aggregate %.

77442 of 113324 relevant lines covered (68.34%)

33.8 hits per line