Signal/Desktop
1
0
Fork 0
mirror of https://github.com/signalapp/Signal-Desktop.git synced 2025-12-24 12:19:41 +00:00
Code Issues Packages Projects Releases Wiki Activity

Better handle multiline formatting

Browse Source
This commit is contained in:
Scott Nonnenberg
2023-05-12 13:48:14 -07:00
committed by GitHub
parent bd0e08d6fd
commit 1c4213465b
3 changed files with 16 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
ts/components/CompositionInput.tsx
View File

@@ -836,6 +836,12 @@ export function CompositionInput(props: Props): React.ReactElement {
return;
}
setIsMouseDown(true);
const onMouseUp = () => {
setIsMouseDown(false);
window.removeEventListener('mouseup', onMouseUp);
};
window.addEventListener('mouseup', onMouseUp);
} catch (error) {
log.error(
'CompositionInput.onMouseDown: Failed to check event target',
@@ -846,32 +852,6 @@ export function CompositionInput(props: Props): React.ReactElement {
},
[setIsMouseDown]
);
const onMouseUp = React.useCallback(
() => setIsMouseDown(false),
[setIsMouseDown]
);
const onMouseOut = React.useCallback(
event => {
const target = event.target as HTMLElement;
try {
// We get mouseout events for child objects of this one; filter 'em out!
if (!target.classList.contains(getClassName('__input'))) {
return;
}
setIsMouseDown(false);
} catch (error) {
log.error(
'CompositionInput.onMouseOut: Failed to check class list',
Errors.toLogFormat(error)
);
}
},
[getClassName, setIsMouseDown]
);
const onBlur = React.useCallback(
() => setIsMouseDown(false),
[setIsMouseDown]
);
return (
<Manager>
@@ -884,9 +864,6 @@ export function CompositionInput(props: Props): React.ReactElement {
data-testid="CompositionInput"
data-enabled={disabled ? 'false' : 'true'}
onMouseDown={onMouseDown}
onMouseUp={onMouseUp}
onMouseOut={onMouseOut}
onBlur={onBlur}
>
{draftEditMessage && (
<div className={getClassName('__editing-message')}>