Freegle / Iznik / 27197

72%

Build Type

push

circleci

Committed by edwh

Commit Message

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.

Coverage Stats

13038 of 17189 branches covered (75.85%)

Branch coverage included in aggregate %.

0 of 7 new or added lines in 1 file covered. (0.0%)

150 existing lines in 3 files now uncovered.

136450 of 189539 relevant lines covered (71.99%)

37.81 hits per line