Use width and height = 0 to hide markdown syntax because display: non…

…e can break selection in some cases
aaron7 · Jun 10, 2024 · b45c836 · b45c836
1 parent 43bc7f1
commit b45c836
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/app/src/components/MarkdownEditor/extensions/markdown/headings.css b/app/src/components/MarkdownEditor/extensions/markdown/headings.css
@@ -1,4 +1,10 @@
-/* Hide processing instructions when line is not active */
+/*
+Hide processing instructions when line is not active. Use width and height = 0 because
+`display: none` removes the characters from the editor which can affect selection.
+*/
 :not(.cm-activeLine) > .md-header-processing-instruction {
-  display: none;
+  display: inline-block;
+  width: 0;
+  height: 0;
+  overflow: hidden;
 }