SqlFieldControl enhancements

web/pgadmin/static/css/overrides.css

@@ -1391,3 +1391,14 @@ table.backgrid {
 .cm_disabled {
   background: #EEEEEE;
 }
+
+.pgadmin-controls.sql_field_layout {
+  margin: 0;
+  padding: 0;
+  overflow: hidden;
+  z-index: 1;
+}
+
+.pgadmin-controls.sql_field_layout .CodeMirror {
+  line-height: 22px;
+}

web/pgadmin/static/js/backform.pgadmin.js

@@ -2131,11 +2131,19 @@
             (self.$el.find("textarea")[0]), {
             lineNumbers: true,
             mode: "text/x-sql",
-            readOnly: isDisabled,
             extraKeys: pgAdmin.Browser.editor_shortcut_keys,
             tabSize: pgAdmin.Browser.editor_options.tabSize
           });
 
+      // Disable editor
+      if (isDisabled) {
+        self.sqlCtrl.setOption("readOnly", "nocursor");
+        var cm = self.sqlCtrl.getWrapperElement();
+        if (cm) {
+          cm.className += ' cm_disabled';
+        }
+      }
+
       if (!isVisible)
         self.$el.addClass(Backform.hiddenClassname);