feat(yfmHtmlBlock): updated css white list (#349)

Author: makhnatkin

src/extensions/yfm/YfmHtmlBlock/utils.test.ts

@@ -83,6 +83,23 @@ describe('sanitize options functions', () => {
             order: true,
             orphans: true,
             'row-gap': true,
+            all: true,
+            bottom: true,
+            content: true,
+            cursor: true,
+            direction: true,
+            left: true,
+            'line-break': true,
+            opacity: true,
+            overflow: true,
+            'overflow-wrap': true,
+            'overflow-x': true,
+            'overflow-y': true,
+            position: true,
+            right: true,
+            top: true,
+            'white-space': true,
+            'z-index': true,
         });
     });
 });

src/extensions/yfm/YfmHtmlBlock/utils.ts

@@ -4,6 +4,7 @@ import diplodocSanitize, {SanitizeOptions} from '@diplodoc/transform/lib/sanitiz
 const getYfmHtmlBlockWhiteList = () => {
     const whiteList: Record<string, boolean> = {};
 
+    // flex, grid, column
     whiteList['align-content'] = true; // default: auto
     whiteList['align-items'] = true; // default: auto
     whiteList['align-self'] = true; // default: auto
@@ -50,6 +51,25 @@ const getYfmHtmlBlockWhiteList = () => {
     whiteList.orphans = true; // default: 2
     whiteList['row-gap'] = true;
 
+    // position, opacity, overflow
+    whiteList['all'] = true; // default: depending on individual properties
+    whiteList['bottom'] = true; // default: auto
+    whiteList['content'] = true; // default: normal
+    whiteList['cursor'] = true; // default: auto
+    whiteList['direction'] = true; // default: ltr
+    whiteList['left'] = true; // default: auto
+    whiteList['line-break'] = true; // default: auto
+    whiteList['opacity'] = true; // default: 1
+    whiteList['overflow'] = true; // default: depending on individual properties
+    whiteList['overflow-wrap'] = true; // default: normal
+    whiteList['overflow-x'] = true; // default: visible
+    whiteList['overflow-y'] = true; // default: visible
+    whiteList['position'] = true; // default: static
+    whiteList['right'] = true; // default: auto
+    whiteList['top'] = true; // default: auto
+    whiteList['white-space'] = true; // default: normal
+    whiteList['z-index'] = true; // default: auto
+
     return whiteList;
 };