Merge pull request #5134 from abpframework/issue/5073

CmsKit: Should focus on the comment area after login and return back

modules/cms-kit/src/Volo.CmsKit.Public.Web/Pages/CmsKit/Shared/Components/Commenting/Default.cshtml

@@ -100,7 +100,7 @@
         </div>;
 }
 
-<div class="cms-comment-area" data-entity-type="@Model.EntityType" data-entity-id="@Model.EntityId">
+<div class="cms-comment-area" data-entity-type="@Model.EntityType" data-entity-id="@Model.EntityId" id="@($"cms-comment_{Model.EntityType}_{Model.EntityId}")">
 
     <div class="pl-5 pt-3">
         <h4>

modules/cms-kit/src/Volo.CmsKit.Public.Web/Pages/CmsKit/Shared/Components/Commenting/default.js

@@ -135,6 +135,18 @@
                 });
             }
 
+            function focusOnHash($container) {
+                if (!location.hash.toLowerCase().startsWith('#cms-comment')){
+                    return;
+                }
+
+                $('html, body').animate(
+                    {
+                        scrollTop: $(location.hash).offset().top + $(this).height() / 2
+                    },
+                    'slow');
+            }
+
             function init() {
                 registerReplyLinks($widget);
                 registerEditLinks($widget);
@@ -142,6 +154,8 @@
 
                 registerUpdateOfNewComment($widget);
                 registerSubmissionOfNewComment($widget);
+
+                focusOnHash($widget);
             }
 
             return {