Use random wrapper IDs

EasyAbp · Jul 11, 2024 · 96faa26 · 96faa26
1 parent e914660
commit 96faa26
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git 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
@@ -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')) {