fix editable input in table view

Author: Davy-c

src/cloud/components/Views/EditableDocItemContainer.tsx

@@ -122,6 +122,7 @@ const EditableDocItemContainer = ({ doc, children }: ItemProps) => {
     <ItemContainer
       onMouseEnter={() => setShowingContextMenuActions(true)}
       onMouseLeave={() => setShowingContextMenuActions(false)}
+      className='item__container'
     >
       {showInput && (
         <EditableInput

src/cloud/components/Views/Table/TableView.tsx

@@ -446,7 +446,11 @@ const Container = styled.div`
 
   .table__row__cell > *,
   .table__row__cell .react-datepicker-wrapper,
-  .table__row__cell .react-datepicker__input-container {
+  .table__row__cell .react-datepicker__input-container,
+  .table__row__cell .item__container,
+  .table__row__cell .item__container .editable__input,
+  .table__row__cell .item__container .editable__input form,
+  .table__row__cell .item__container .editable__input input {
     height: 100%;
   }