Issue #2921357: Fixed service renderer with render root for media entity view with [s3] Size 3 auto

CHANGELOG.md

@@ -140,6 +140,9 @@
 * Issue [#2919555](https://www.drupal.org/node/2919555):
                   Fixed the issue of tokens for social media image styles in
                   Varbase SEO content meta tags.
+* Issue [#2921357](https://www.drupal.org/node/2921357):
+                  Fixed service renderer with render root for media entity
+                  view with [s3] Size 3 auto.
 
 ## 8.4.10
 

modules/varbase_features/varbase_media/css/varbase_media.common_logged.css

@@ -143,13 +143,13 @@ body .form-wrapper.field--widget-entity-browser-entity-reference .entities-list
 [dir="rtl"] .entity-embed-dialog-step--embed > .form-item-entity {
   float: left;
 }
-.entity-browser-form div#ief-dropzone-upload > div:not(:first-child) {
+.entity-browser-form div#ief-dropzone-upload > div {
   border: 2px dashed rgba(107, 107, 107, 0.65);
   border-radius: 20px;
   padding: 15px;
   margin: 0 15px 15px 15px;
 }
-.entity-browser-form div#ief-dropzone-upload > div:not(:first-child) .image-widget-data {
+.entity-browser-form div#ief-dropzone-upload > div .image-widget-data {
   float: left;
   width: 70%;
 }
@@ -193,4 +193,4 @@ form.media-image-edit-form > .field--type-image.field--widget-image-image > div
   float: right;
   margin-right: 4%;
 }
-/*# sourceMappingURL=varbase_media.common_logged.css.map */
+/*# sourceMappingURL=varbase_media.common_logged.css.map */
\ No newline at end of file

modules/varbase_features/varbase_media/less/varbase_media.common_logged.less

@@ -13,14 +13,14 @@
         }
       }
     }
-    
+
     .radio,
     .checkbox {
       input[type="radio"] {
         margin-right: 5px;
       }
     }
-    
+
     .input-group {
       .select-wrapper {
         &:first-child {
@@ -35,7 +35,7 @@
         }
       }
     }
-    
+
     .form-item-attributes-data-entity-embed-display {
       .input-group-addon {
         display: none;
@@ -77,7 +77,7 @@
         }
       }
     }
-    
+
     .form-item-attributes-data-entity-embed-display {
       .input-group-addon {
         display: none;
@@ -95,7 +95,7 @@
       text-align: center;
     }
   }
-  
+
   .align-right {
     margin: 0 0 8px 8px;
 
@@ -103,7 +103,7 @@
       text-align: center;
     }
   }
-  
+
   .align-center {
     figcaption {
       text-align: center;
@@ -118,7 +118,7 @@ body {
       .entities-list {
         .item-container {
           position: relative;
-          
+
           .field--name-name {
             display: none;
             position: absolute;
@@ -134,24 +134,24 @@ body {
             word-break: break-all;
           }
         }
-        
+
         .item-container {
           text-align: center;
           vertical-align: middle;
           width: 150px;
           height: 150px;
           background: #000;
-          
+
           &:hover {
             .field--name-name {
               display: block;
             }
-            
+
             input {
               display: block;
             }
           }
-          
+
           input {
             position: absolute;
             top: 0;
@@ -168,7 +168,7 @@ body {
             cursor: pointer;
             opacity: 1;
           }
-          
+
           input[id*="-edit-button"] {
             background-image: url("../images/pencil-square-o.svg");
             background-repeat: no-repeat;
@@ -179,7 +179,7 @@ body {
             -webkit-filter: invert(100%) !important;
             filter: invert(100%) !important;
           }
-          
+
           input[id*="-remove-button"] {
             background-image: url("../images/times-circle-o.svg");
             background-repeat: no-repeat;
@@ -190,7 +190,7 @@ body {
             -webkit-filter: invert(75%) !important;
             filter: invert(75%) !important;
           }
-          
+
           img.image-style-field-preview {
             overflow: auto;
             margin: auto;
@@ -247,12 +247,12 @@ body {
 // Style the dropzone upload in entity browsers.
 .entity-browser-form {
   div#ief-dropzone-upload {
-    > div:not(:first-child) {
+    > div {
       border: 2px dashed hsla(0,0%,42%,0.65);
       border-radius: 20px;
       padding: 15px;
       margin: 0 15px 15px 15px;
-      
+
       .image-widget-data {
         float: left;
         width: 70%;

modules/varbase_features/varbase_media/varbase_media.module

@@ -73,7 +73,7 @@ function varbase_media_form_entity_embed_dialog_alter(&$form, FormStateInterface
         // Render the Embed entity.
         $form['entity'] = [
           '#type' => 'item',
-          '#markup' => render(entity_view($entity)),
+          '#markup' => \Drupal::service('renderer')->renderRoot(entity_view($entity, 's3')),
         ];
 
         // Change the "data align" field from rado buttons to Select list.