mirrors/signal-desktop
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages 2 Wiki Activity Actions

Fix clicks on sticker picker buttons to page left/right

Browse source
This commit is contained in:
Scott Nonnenberg 2019-08-05 16:19:55 -07:00
parent 2beb421067
commit 6b6da04a65
1 changed files with 12 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

13
ts/components/stickers/StickerButton.tsx
View file

@ -116,7 +116,18 @@ export const StickerButton = React.memo(
setPopperRoot(root); setPopperRoot(root);
document.body.appendChild(root); document.body.appendChild(root);
const handleOutsideClick = ({ target }: MouseEvent) => { const handleOutsideClick = ({ target }: MouseEvent) => {
if (!root.contains(target as Node)) { const targetElement = target as HTMLElement;
const className = targetElement
? targetElement.className || ''
: '';
// We need to special-case sticker picker header buttons, because they can
// disappear after being clicked, which breaks the .contains() check below.
const isMissingButtonClass =
!className ||
className.indexOf('module-sticker-picker__header__button') < 0;
if (!root.contains(targetElement) && isMissingButtonClass) {
setOpen(false); setOpen(false);
} }
}; };