scrolling for field text

2 files changed, 11 insertions, 1 deletions

diff --git a/src/client/views/EditableView.scss b/src/client/views/EditableView.scss
index d2f11f5e1..fa4542ac4 100644
--- a/src/client/views/EditableView.scss
+++ b/src/client/views/EditableView.scss
@@ -3,11 +3,17 @@
     overflow-wrap: break-word;
     word-wrap: break-word;
     hyphens: auto;
-    overflow: hidden;
+    overflow-y: auto;
     height: 100%;
     width: 100%;
     min-width: 20;
     text-overflow: ellipsis;
+    -ms-overflow-style: none; 
+    scrollbar-width: none; 
+}
+
+.editableView-container-editing::-webkit-scrollbar {
+    display: none; 
 }
 
 .editableView-container-editing-oneLine {
diff --git a/src/client/views/collections/collectionSchema/SchemaCellField.tsx b/src/client/views/collections/collectionSchema/SchemaCellField.tsx
index ea46fb432..9d9fcbd1f 100644
--- a/src/client/views/collections/collectionSchema/SchemaCellField.tsx
+++ b/src/client/views/collections/collectionSchema/SchemaCellField.tsx
@@ -94,6 +94,10 @@ export class SchemaCellField extends ObservableReactComponent<SchemaCellFieldPro
         this.finalizeEdit(false, true, false);
     }
 
+    // @computed get lastChar(){
+    //     this.
+    // }
+
     generateSpan = (text: string, cell: HTMLDivElement | undefined) => {
        return `<span style="color: ${cell?.style.borderTop.replace('2px solid', '')}">${text}</span>`
     }