#6797: Don't show depth indicator in API select placeholder

netbox/project-static/src/select/api.ts

@@ -328,7 +328,7 @@ class APISelect {
         if (!this.preSorted) {
           this.preSorted = true;
         }
-        text = `<span class="depth">${'─'.repeat(result._depth)}</span> ${text}`;
+        text = `<span class="depth">${'─'.repeat(result._depth)}&nbsp;</span>${text}`;
       }
       const data = {} as Record<string, string>;
       const value = result.id.toString();

netbox/project-static/styles/select.scss

@@ -71,6 +71,10 @@ $spacing-s: $input-padding-x;
         border-color: currentColor;
       }
     }
+    .placeholder .depth {
+      // Don't show the depth indicator outside of the menu.
+      display: none;
+    }
     span.placeholder > *,
     span.placeholder {
       line-height: $input-line-height;