github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-05-30 15:28:37 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

FIX: Chat emoji picker positioning (#28643)

Browse Source 
Removes chat-specific changes from dfc947a97dd37d5ec58e1c971a9a2285429dd98d, and adds `preventScroll: true` to prevent timing issues between the emoji picker being brought into the viewport and being focussed.
This commit is contained in:
David Taylor
2024-08-29 17:00:26 +01:00
committed by GitHub
parent 54d6e52607
commit ed4f80d589
2 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
plugins/chat/assets/javascripts/discourse/components/chat-channel-message-emoji-picker.gjs
View File

@ -13,10 +13,6 @@ export default class ChatChannelMessageEmojiPicker extends Component {
context = "chat-channel-message";
listenToBodyScroll = modifier(() => {
if (!this.site.mobileView) {
return;
}
const handler = () => {
this.chatEmojiPickerManager.close();
};
@ -47,6 +43,10 @@ export default class ChatChannelMessageEmojiPicker extends Component {
{
placement: "top",
modifiers: [
{
name: "eventListeners",
options: { scroll: false, resize: false },
},
{
name: "flip",
options: { padding: { top: headerOffset() } },

2
plugins/chat/assets/javascripts/discourse/components/chat-emoji-picker.js
View File

@ -215,7 +215,7 @@ export default class ChatEmojiPicker extends Component {
@action
focusFilter(target) {
schedule("afterRender", () => {
target?.focus();
target?.focus({ preventScroll: true });
});
}