🐛 refresh CodeMirror editor when CSS tab is shown

The CodeMirror editor was invisible until text was selected. Added tab show event handler to properly refresh the editor when the CSS tab becomes visible.
samvera · Jan 22, 2025 · acaaf6a · acaaf6a
1 parent 984c237
commit acaaf6a
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/app/views/hyrax/admin/appearances/_custom_css_form.html.erb b/app/views/hyrax/admin/appearances/_custom_css_form.html.erb
@@ -10,6 +10,11 @@
         theme: 'base16-light',
         autoRefresh: true
       });
+
+      // refresh the editor when the tab is shown
+      jQuery('[href="#css"]').on('shown.bs.tab', function() {
+        editor.refresh();
+      });
     </script>
   </div>
   <div class="card-footer">