fix warning when local storage quota is exceeded

CHANGELOG.md

@@ -38,6 +38,15 @@ _Breaking developer changes, which may affect downstream projects or sites that
 [@xxxx]: https://github.com/xxxx
 -->
 
+
+# Unreleased
+
+#### :bug: Bugfixes
+* Fix "local storage is exceeded" error message showing up multiple times ([#8930])
+
+[#8930]: https://github.com/openstreetmap/iD/pull/8930
+
+
 # 2.20.3
 ##### 2022-Jan-31
 

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