diff --git a/src/main/webapp/app/overview/course-conversations/layout/conversation-messages/conversation-messages.component.html b/src/main/webapp/app/overview/course-conversations/layout/conversation-messages/conversation-messages.component.html index fff9b45bde03..f7f35b3b2a3e 100644 --- a/src/main/webapp/app/overview/course-conversations/layout/conversation-messages/conversation-messages.component.html +++ b/src/main/webapp/app/overview/course-conversations/layout/conversation-messages/conversation-messages.component.html @@ -75,13 +75,13 @@ 'hide-input': isHiddenInputWithCallToAction, }" infinite-scroll - class="conversation-messages-message-list" + class="conversation-messages-message-list position-relative" [scrollWindow]="false" (scrolledUp)="fetchNextPage()" > - @for (group of groupedPosts; track postsTrackByFn($index, group)) { + @for (group of groupedPosts; track postsGroupTrackByFn($index, group)) {
} diff --git a/src/main/webapp/app/overview/course-conversations/layout/conversation-messages/conversation-messages.component.ts b/src/main/webapp/app/overview/course-conversations/layout/conversation-messages/conversation-messages.component.ts index 5169cc8f4610..7fdbe98508c2 100644 --- a/src/main/webapp/app/overview/course-conversations/layout/conversation-messages/conversation-messages.component.ts +++ b/src/main/webapp/app/overview/course-conversations/layout/conversation-messages/conversation-messages.component.ts @@ -9,6 +9,7 @@ import { OnInit, Output, QueryList, + Renderer2, ViewChild, ViewChildren, ViewEncapsulation, @@ -32,6 +33,7 @@ import { LayoutService } from 'app/shared/breakpoints/layout.service'; import { CustomBreakpointNames } from 'app/shared/breakpoints/breakpoints.service'; import dayjs from 'dayjs/esm'; import { User } from 'app/core/user/user.model'; +import { PostingThreadComponent } from 'app/shared/metis/posting-thread/posting-thread.component'; interface PostGroup { author: User | undefined; @@ -46,16 +48,23 @@ interface PostGroup { }) export class ConversationMessagesComponent implements OnInit, AfterViewInit, OnDestroy { private ngUnsubscribe = new Subject