fix: code hidden issue for JS Enabled fields (#13241)

* fix code hidden issue for JS Enabled fields

* test for code hidden fix

app/client/cypress/integration/Smoke_TestSuite/ClientSideTests/PropertyPane/PropertyPaneJsEnabledVisible_spec.js

@@ -0,0 +1,42 @@
+const dsl = require("../../../../fixtures/jsonFormDslWithSchema.json");
+const { ObjectsRegistry } = require("../../../../support/Objects/Registry");
+let ee = ObjectsRegistry.EntityExplorer;
+
+describe("Property pane js enabled field", function() {
+ before(() => {
+ cy.addDsl(dsl);
+ });
+
+ it("Ensure text is visible for js enabled field when a section is collapsed by default", function() {
+ cy.openPropertyPane("jsonformwidget");
+
+ cy.get(".t--property-pane-section-collapse-submitbuttonstyles").click();
+ cy.get(".t--property-control-buttonvariant")
+ .find(".t--js-toggle")
+ .first()
+ .click();
+
+ cy.get(".t--property-control-buttonvariant")
+ .find(".t--js-toggle")
+ .first()
+ .should("have.class", "is-active");
+
+ cy.get(".t--property-control-buttonvariant .CodeMirror-code").type(
+ "PRIMARY",
+ );
+ cy.get(".t--property-control-buttonvariant")
+ .find(".CodeMirror-code")
+ .invoke("text")
+ .should("equal", "PRIMARY");
+
+ cy.closePropertyPane();
+ cy.wait(1000);
+
+ cy.openPropertyPane("jsonformwidget");
+ cy.get(".t--property-pane-section-collapse-submitbuttonstyles").click();
+ cy.get(".t--property-control-buttonvariant")
+ .find(".CodeMirror-code")
+ .invoke("text")
+ .should("equal", "PRIMARY");
+ });
+});

app/client/src/components/editorComponents/CodeEditor/index.tsx

@@ -198,6 +198,7 @@ class CodeEditor extends Component<Props, State> {
  componentDidMount(): void {
  if (this.codeEditorTarget.current) {
  const options: EditorConfiguration = {
+ autoRefresh: true,
  mode: this.props.mode,
  theme: EditorThemes[this.props.theme],
  viewportMargin: 10,