From 333566554c3c382817ce6a5cc4e360cc3bd691ba Mon Sep 17 00:00:00 2001
From: Alex Hope-O'Connor <alex.hope.oconnor@pomonaqld.au>
Date: Wed, 18 Mar 2026 12:36:34 +1000
Subject: [PATCH] Update hosts file section

---
 .../Components/Hosts/HostsFileSection.razor            | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/DnsmasqWebUI/Components/Hosts/HostsFileSection.razor b/src/DnsmasqWebUI/Components/Hosts/HostsFileSection.razor
index 4d86db5..4c23c54 100644
--- a/src/DnsmasqWebUI/Components/Hosts/HostsFileSection.razor
+++ b/src/DnsmasqWebUI/Components/Hosts/HostsFileSection.razor
@@ -24,9 +24,10 @@
                     }
                     else
                     {
-                        @foreach (var e in _visibleEntries)
+                        @for (var i = 0; i < _visibleEntries.Count; i++)
                         {
-                            <tr class="@(e.IsComment ? "table-secondary" : "")" @key="@(e.Id ?? ("line:" + e.LineNumber))">
+                            var e = _visibleEntries[i];
+                            <tr class="@(e.IsComment ? "table-secondary" : "")" @key="@(i + ":" + (e.Id ?? ("line:" + e.LineNumber)))">
                                 <td>@e.LineNumber</td>
                                 <td>@e.Address</td>
                                 <td>@string.Join(", ", e.Names)</td>
@@ -43,9 +44,10 @@
             }
             else
             {
-                @foreach (var e in _visibleEntries)
+                @for (var i = 0; i < _visibleEntries.Count; i++)
                 {
-                    <div class="card mb-2 @(e.IsComment ? "table-secondary" : "")" @key="@(e.Id ?? ("line:" + e.LineNumber))">
+                    var e = _visibleEntries[i];
+                    <div class="card mb-2 @(e.IsComment ? "table-secondary" : "")" @key="@(i + ":" + (e.Id ?? ("line:" + e.LineNumber)))">
                         <div class="card-body py-2">
                             <div class="table-card-row"><span class="table-card-label">#</span> @e.LineNumber</div>
                             <div class="table-card-row"><span class="table-card-label">Address</span> @e.Address</div>