MC-4965: Text Wrapping Inside Inline WYSIWYG Editors Will Break On Words (Storefront as well for Slide & Banner)

- fix for IE11 wrapping

Author: anthoula

app/code/Magento/PageBuilder/view/adminhtml/web/css/source/content-type/_preview.less

@@ -11,6 +11,7 @@
         -webkit-user-select: text;
         overflow-wrap: break-word;
         user-select: text;
+        word-wrap: break-word;
 
         b {
             font-weight: normal;

app/code/Magento/PageBuilder/view/adminhtml/web/css/source/content-type/banner/_default.less

@@ -120,6 +120,7 @@
 [data-role='banner'] {
     .pagebuilder-banner-wrapper {
         overflow-wrap: break-word;
+        word-wrap: break-word;
 
         .pagebuilder-overlay:not(.pagebuilder-poster-overlay) {
             max-width: 50%;

app/code/Magento/PageBuilder/view/adminhtml/web/css/source/content-type/slide/_default.less

@@ -115,6 +115,7 @@
 [data-role='slide'] {
     .pagebuilder-slide-wrapper {
         overflow-wrap: break-word;
+        word-wrap: break-word;
 
         .pagebuilder-overlay:not(.pagebuilder-poster-overlay) {
             max-width: 50%;

app/code/Magento/PageBuilder/view/adminhtml/web/css/source/content-type/tabs/_default.less

@@ -32,6 +32,7 @@ div[data-role='tabs'],
             max-width: 100%;
             overflow-wrap: break-word;
             position: relative;
+            word-wrap: break-word;
 
             a.tab-title {
                 border-right: 0;

app/code/Magento/PageBuilder/view/adminhtml/web/css/source/content-type/text/_default.less

@@ -65,4 +65,5 @@
 
 [data-role='text'] {
     overflow-wrap: break-word;
+    word-wrap: break-word;
 }

app/code/Magento/PageBuilder/view/frontend/web/css/source/content-type/banner/_default.less

@@ -30,6 +30,7 @@
     border-radius: inherit;
     box-sizing: border-box;
     overflow-wrap: break-word;
+    word-wrap: break-word;
 
     .pagebuilder-overlay {
         -moz-transition: background-color 500ms ease;

app/code/Magento/PageBuilder/view/frontend/web/css/source/content-type/slide/_default.less

@@ -34,6 +34,7 @@
     border-radius: inherit;
     box-sizing: border-box;
     overflow-wrap: break-word;
+    word-wrap: break-word;
 
     .pagebuilder-overlay {
         -moz-transition: background-color 500ms ease;

app/code/Magento/PageBuilder/view/frontend/web/css/source/content-type/tabs/_default.less

@@ -29,6 +29,7 @@ div[data-role='tabs'] {
             max-width: 100%;
             overflow-wrap: break-word;
             position: relative;
+            word-wrap: break-word;
             z-index: 1;
 
             &:not(:first-child) {