miklo
/
soapbox
sforkowany z mirror/soapbox
1
0
Forkuj 0
Kod Zgłoszenia Oczekujące zmiany Packages Projekty Wydania Wiki Aktywność

Fix ComposeForm collapsing when clicking within emoji picker

update-emoji-mart
Alex Gleason 2022-07-13 20:41:39 -05:00
rodzic a8ebbc15c8
commit 8534cabc0a
Nie znaleziono w bazie danych klucza dla tego podpisu
ID klucza GPG: 7211D1F99744FBB7
2 zmienionych plików z 2 dodań i 3 usunięć
Pokaż statystyki Ściągnij plik aktualizacji Ściągnij plik porównania Expand all files Collapse all files

2
app/soapbox/features/compose/components/compose_form.js
Wyświetl plik

@ -124,7 +124,7 @@ class ComposeForm extends ImmutablePureComponent {
// FIXME: Make this less brittle // FIXME: Make this less brittle
this.getClickableArea(), this.getClickableArea(),
document.querySelector('.privacy-dropdown__dropdown'), document.querySelector('.privacy-dropdown__dropdown'),
document.querySelector('.emoji-picker-dropdown__menu'), document.querySelector('em-emoji-picker'),
document.getElementById('modal-overlay'), document.getElementById('modal-overlay'),
].some(element => element?.contains(e.target)); ].some(element => element?.contains(e.target));
} }

3
app/soapbox/features/emoji/components/emoji_picker_dropdown.tsx
Wyświetl plik

@ -1,4 +1,3 @@
import classNames from 'classnames';
import { supportsPassiveEvents } from 'detect-passive-events'; import { supportsPassiveEvents } from 'detect-passive-events';
import React, { useEffect, useState, useLayoutEffect } from 'react'; import React, { useEffect, useState, useLayoutEffect } from 'react';
import { createPortal } from 'react-dom'; import { createPortal } from 'react-dom';
@ -208,7 +207,7 @@ const EmojiPickerDropdown: React.FC<IEmojiPickerDropdown> = ({ custom_emojis, fr
{createPortal( {createPortal(
<div <div
className={classNames({ 'z-1000': true })} className='z-50'
ref={setPopperElement} ref={setPopperElement}
style={style} style={style}
{...attributes.popper} {...attributes.popper}