fix(yfmCut): reverted details, summary tags

Author: makhnatkin

src/extensions/yfm/YfmCut/YfmCutSpecs/schema.ts

@@ -20,7 +20,7 @@ export const getSchemaSpecs = (
         group: 'block yfm-cut',
         parseDOM: [{tag: '.yfm-cut'}],
         toDOM(node) {
-            return ['details', node.attrs, 0];
+            return ['div', node.attrs, 0];
         },
         selectable: true,
         allowSelection: true,
@@ -34,7 +34,7 @@ export const getSchemaSpecs = (
         group: 'block yfm-cut',
         parseDOM: [{tag: '.yfm-cut-title'}],
         toDOM(node) {
-            return ['summary', node.attrs, 0];
+            return ['div', node.attrs, 0];
         },
         placeholder: {
             content:

src/extensions/yfm/YfmCut/nodeviews/yfm-cut-title.scss

@@ -1,3 +1,18 @@
 .yfm-cut-title .g-md-yfm-cut-title-inner {
     cursor: text;
 }
+
+// FIXME: Restore the cut-extension mapping after the fix:
+//  when using <details> and <summary> tags, the click does
+//  not work correctly on the placeholder
+
+.yfm-cut-content {
+    display: none;
+    overflow: hidden;
+
+    transition: height 0.3s ease-in-out;
+}
+
+.open > .yfm-cut-content {
+    display: revert;
+}

src/extensions/yfm/YfmCut/nodeviews/yfm-cut-title.ts

@@ -12,7 +12,7 @@ export class YfmCutTitleNodeView implements NodeView {
     constructor(node: Node) {
         this.node = node;
 
-        this.dom = document.createElement('summary');
+        this.dom = document.createElement('div');
         this.dom.classList.add('yfm-cut-title');
         this.dom.replaceChildren((this.contentDOM = document.createElement('div')));
         this.contentDOM.classList.add('g-md-yfm-cut-title-inner');