From 96faa260cf5b02305b38d0b1f1481b4798cb3f04 Mon Sep 17 00:00:00 2001
From: gdlcf88 <gdlcf88@outlook.com>
Date: Thu, 11 Jul 2024 18:55:10 +0800
Subject: [PATCH] Use random wrapper IDs

---
 common.props                                               | 2 +-
 .../Components/Toolbar/Notifications/Default.cshtml        | 7 +++++--
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/common.props b/common.props
index 2f784c2..79133c4 100644
--- a/common.props
+++ b/common.props
@@ -1,7 +1,7 @@
 <Project>
   <PropertyGroup>
     <LangVersion>latest</LangVersion>
-    <Version>1.0.0-preview.7</Version>
+    <Version>1.0.0-preview.8</Version>
     <NoWarn>$(NoWarn);CS1591;CS0436</NoWarn>
     <AbpProjectType>module</AbpProjectType>
     <GeneratePackageOnBuild>true</GeneratePackageOnBuild>
diff --git a/src/EasyAbp.ProcessManagement.Web/Components/Toolbar/Notifications/Default.cshtml b/src/EasyAbp.ProcessManagement.Web/Components/Toolbar/Notifications/Default.cshtml
index 47b5f21..02af87f 100644
--- a/src/EasyAbp.ProcessManagement.Web/Components/Toolbar/Notifications/Default.cshtml
+++ b/src/EasyAbp.ProcessManagement.Web/Components/Toolbar/Notifications/Default.cshtml
@@ -1,11 +1,14 @@
-<div id="ToolbarNotificationsWidgetArea">
+@{
+    var randomId = Guid.NewGuid();
+}
+<div id="ToolbarNotificationsWidgetArea-@randomId">
     @await Component.InvokeAsync("NotificationsToolbarItemWidget")
 </div>
 
 <script>
     function refreshNotificationsToolbarItemWidget() {
         (function ($) {
-            var $wrapper = $('#ToolbarNotificationsWidgetArea');
+            var $wrapper = $('#ToolbarNotificationsWidgetArea-@randomId');
             var $widgets = $wrapper.find('.abp-widget-wrapper');
             if (!$widgets) {
                 if ($wrapper.hasClass('abp-widget-wrapper')) {