fix(widget): fix appearing scroll next to attachment button in firefox

erxes · Aug 13, 2020 · 92daf99 · 92daf99
1 parent b8c3834
commit 92daf99
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/widgets/client/messenger/components/MessageSender.tsx b/widgets/client/messenger/components/MessageSender.tsx
@@ -70,7 +70,8 @@ class MessageSender extends React.Component<Props, State> {
       return (form.style.height = textarea.style.height = `${height}px`);
     }
 
-    form.style.height = textarea.style.height = `${textarea.scrollHeight}px`;
+    form.style.height = `${textarea.scrollHeight}px`;
+    textarea.style.height = `${textarea.scrollHeight - 1}px`;
   }
 
   setArea = (textarea: HTMLTextAreaElement) => {

diff --git a/widgets/client/messenger/sass/components/_message-sender.scss b/widgets/client/messenger/sass/components/_message-sender.scss
@@ -2,7 +2,7 @@
   border-top: 1px solid lighten($grey-light, 1%);
   box-shadow: 0 0 15px 0 rgba($black, 0.1);
   font-size: 12px;
-  min-height: 60px;
+  min-height: 61px;
   overflow: auto;
   position: relative;
   max-height: 50%;
@@ -20,6 +20,7 @@
     color: $text-color;
     font-size: $font-size;
     height: 100%;
+    height: calc(100% - 1px);
     left: 0;
     line-height: 20px;
     max-width: 100%;
@@ -30,6 +31,7 @@
     resize: none;
     top: 0;
     width: 100%;
+    overflow: hidden;
 
     &:focus {
       @include prefix(