Issue #1965650 by Pancho, mradcliffe, manningpete, rabbit_media, DeeLay: Fixed Comment rendering broken: comment body rendered outside of the bubble.

core/themes/bartik/css/style.css

@@ -859,6 +859,10 @@ ul.links {
   border-right: 1px solid #fff4f4;
 }
 
+.comment-footer {
+  display: table-row;
+}
+
 /* ------------------ Sidebar ----------------- */
 .sidebar .section {
   padding-top: 10px;

core/themes/bartik/templates/comment.html.twig

@@ -66,7 +66,6 @@
 <article class="{{ attributes.class }} clearfix"{{ attributes }} role="article">
 
   <header class="comment-header">
-
     <div class="attribution">
       {{ user_picture }}
 
@@ -92,6 +91,7 @@
         {% endif %}
       </div>
     </div> <!-- /.attribution -->
+  </header> <!-- /.comment-header -->
 
   <div class="comment-text">
     <div class="comment-arrow"></div>
@@ -103,15 +103,11 @@
     {{ title_prefix }}
     <h3{{ title_attributes }}>{{ title }}</h3>
     {{ title_suffix }}
-    </div> <!-- /.comment-text -->
-
-  </header> <!-- /.comment-header -->
 
     <div{{ content_attributes }}>
       {# We hide the links now so that we can render them later. #}
       {% hide(content.links) %}
       {{ content }}
-
     </div> <!-- /.content -->
 
     <footer class="comment-footer">
@@ -125,5 +121,6 @@
         {{ content.links }}
       </nav>
     </footer> <!-- /.comment-footer -->
+  </div> <!-- /.comment-text -->
 
 </article>