let text-decoration: underline flow through the new editing divs

See #644
voidlabs · Jun 10, 2022 · edfe1b8 · edfe1b8
1 parent 67dc5bd
commit edfe1b8
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/src/css/style_mosaico_content.less b/src/css/style_mosaico_content.less
@@ -379,6 +379,11 @@
     cursor: text !important;
   }
 
+  // Our div wrapper prevent some css property to correctly propagate
+  .mo-editor-wrapper {
+    text-decoration: inherit;
+  }
+
   // Prevent clicking and show loading whily tinymce is being initialized
   .wysiwyg-loading {
     pointer-events: none;

diff --git a/src/js/converter/parser.js b/src/js/converter/parser.js
@@ -250,7 +250,7 @@ var processBlock = function(element, defs, themeUpdater, blockPusher, templateUr
         var wrappingDivAttrs = editorStyle == 'singleline' ? 
           ' style="display: inline-block;"' : 
           ' style="width: 100%; height: 100%"';
-        var wrappingDiv = $('<div data-ko-wrap="false"'+wrappingDivAttrs+'></div>')[0];
+        var wrappingDiv = $('<div class="mo-editor-wrapper" data-ko-wrap="false"'+wrappingDivAttrs+'></div>')[0];
         domutils.setAttribute(wrappingDiv, 'data-bind', newBinding);
         var newContent = domutils.getInnerHtml($('<div></div>').append(wrappingDiv));
         domutils.setContent(element, newContent);