Merge branch 'issue-8930' into develop

CHANGELOG.md

@@ -43,11 +43,13 @@ _Breaking developer changes, which may affect downstream projects or sites that
 
 #### :bug: Bugfixes
 * Fix rendering of HTML content in KeepRight and ImproveOSM issues ([#8928])
+* Fix "local storage is exceeded" error message showing up multiple times ([#8930])
 #### :hammer: Development
 * Switch build system to [esbuild](https://esbuild.github.io/) for much faster builds ([#8774], thanks [@ mbrzakovic] and [@bhousel])
 
 [#8774]: https://github.com/openstreetmap/iD/pull/8774
 [#8928]: https://github.com/openstreetmap/iD/pull/8928
+[#8930]: https://github.com/openstreetmap/iD/pull/8930
 
 
 # 2.20.3

css/80_app.css

@@ -4698,6 +4698,11 @@ img.tile-debug {
     }
 }
 
+.local-storage-full {
+    display: block;
+    width: 100%;
+}
+
 /* Notification Badges
 ------------------------------------------------------- */
 /* For an icon (e.g. new version) */

modules/ui/status.js

@@ -70,8 +70,12 @@ export function uiStatus(context) {
         osm.on('apiStatusChange.uiStatus', update);
 
         context.history().on('storage_error', () => {
-            selection.call(t.append('osm_api_status.message.local_storage_full'));
-            selection.attr('class', 'api-status error');
+            selection.selectAll('span.local-storage-full').remove();
+            selection
+                .append('span')
+                .attr('class', 'local-storage-full')
+                .call(t.append('osm_api_status.message.local_storage_full'));
+            selection.classed('error', true);
         });
 
         // reload the status periodically regardless of other factors