Fix Composer: Unable to hide text formatter (#1002)

src/components/middle/composer/MessageInput.tsx

@@ -56,6 +56,19 @@ const TEXT_FORMATTER_SAFE_AREA_PX = 90;
 // For some reason Safari inserts `<br>` after user removes text from input
 const SAFARI_BR = '<br>';
 
+function clearSelection() {
+  const selection = window.getSelection();
+  if (!selection) {
+    return;
+  }
+
+  if (selection.removeAllRanges) {
+    selection.removeAllRanges();
+  } else if (selection.empty) {
+    selection.empty();
+  }
+}
+
 const MessageInput: FC<OwnProps & StateProps & DispatchProps> = ({
   id,
   editableInputId,
@@ -106,6 +119,11 @@ const MessageInput: FC<OwnProps & StateProps & DispatchProps> = ({
     focusEditableElement(inputRef.current!);
   }, []);
 
+  const handleCloseTextFormatter = useCallback(() => {
+    closeTextFormatter();
+    clearSelection();
+  }, [closeTextFormatter]);
+
   function checkSelection() {
     // Disable the formatter on iOS devices for now.
     if (IS_IOS) {
@@ -326,7 +344,7 @@ const MessageInput: FC<OwnProps & StateProps & DispatchProps> = ({
         isOpen={isTextFormatterOpen}
         anchorPosition={textFormatterAnchorPosition}
         selectedRange={selectedRange}
-        onClose={closeTextFormatter}
+        onClose={handleCloseTextFormatter}
       />
     </div>
   );