diff options
3 files changed, 4 insertions, 2 deletions
diff --git a/src/components/MessagesList/MessagesGroup/Message/MessageButtonsBar/MessageButtonsBar.vue b/src/components/MessagesList/MessagesGroup/Message/MessageButtonsBar/MessageButtonsBar.vue index 524e05294..b3c1fd89f 100644 --- a/src/components/MessagesList/MessagesGroup/Message/MessageButtonsBar/MessageButtonsBar.vue +++ b/src/components/MessagesList/MessagesGroup/Message/MessageButtonsBar/MessageButtonsBar.vue @@ -43,6 +43,7 @@ </NcActions> <NcActions :force-menu="true" :container="`#message_${id}`" + placement="bottom-end" :boundaries-element="containerElement" @open="onMenuOpen" @close="onMenuClose"> @@ -322,7 +323,7 @@ export default { }, containerElement() { - return document.querySelector(this.container) + return document.querySelector('.messages-list__scroller') }, isDeleteable() { diff --git a/src/components/MessagesList/MessagesList.vue b/src/components/MessagesList/MessagesList.vue index 762fe8137..572f09acf 100644 --- a/src/components/MessagesList/MessagesList.vue +++ b/src/components/MessagesList/MessagesList.vue @@ -29,7 +29,7 @@ get the messagesList array and loop through the list to generate the messages. <!-- size and remain refer to the amount and initial height of the items that are outside of the viewport --> <div ref="scroller" - class="scroller" + class="scroller messages-list__scroller" @scroll="debounceHandleScroll"> <div v-if="displayMessagesLoader" class="scroller__loading" diff --git a/src/components/RightSidebar/Participants/ParticipantsList/Participant/Participant.vue b/src/components/RightSidebar/Participants/ParticipantsList/Participant/Participant.vue index 55128fa5b..4c3fa3387 100644 --- a/src/components/RightSidebar/Participants/ParticipantsList/Participant/Participant.vue +++ b/src/components/RightSidebar/Participants/ParticipantsList/Participant/Participant.vue @@ -97,6 +97,7 @@ :container="container" :aria-label="participantSettingsAriaLabel" :force-menu="true" + placement="bottom-end" class="participant-row__actions"> <template #icon> <LockOpenVariant v-if="actionIcon === 'LockOpenVariant'" |