From 1af6e326d0a2ffe1467c1940a2cbe6cde0420f5c Mon Sep 17 00:00:00 2001
From: Madhavendrasinh Vaghela <vaghelamadhavendrasinh@gmail.com>
Date: Thu, 25 Dec 2025 11:04:43 +0530
Subject: [PATCH] Fix flash of unavailable sizes in ecommerce example (#40455)

---
 examples/bind/ecommerce.amp.html | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/examples/bind/ecommerce.amp.html b/examples/bind/ecommerce.amp.html
index 376694b10823..6c97f233d4db 100644
--- a/examples/bind/ecommerce.amp.html
+++ b/examples/bind/ecommerce.amp.html
@@ -264,21 +264,21 @@ <h6>SIZE :</h6>
       <amp-selector on="select:AMP.setState({selectedSize: event.targetOption})">
         <table>
           <tr>
-            <td [class]="!shirts[selected.id].sizes['XS'] ? 'unavailable' : ''">
+            <td [class]="shirts[selected.id].sizes && !shirts[selected.id].sizes['XS'] ? 'unavailable' : ''">
               <div option="XS">XS</div>
             </td>
-            <td [class]="!shirts[selected.id].sizes['S'] ? 'unavailable' : ''">
+            <td [class]="shirts[selected.id].sizes && !shirts[selected.id].sizes['S'] ? 'unavailable' : ''">
               <div option="S">S</div>
             </td>
-            <td [class]="!shirts[selected.id].sizes['M'] ? 'unavailable' : ''"
+            <td [class]="shirts[selected.id].sizes && !shirts[selected.id].sizes['M'] ? 'unavailable' : ''"
                 class="unavailable">
               <div option="M">M</div>
             </td>
-            <td [class]="!shirts[selected.id].sizes['L'] ? 'unavailable' : ''"
+            <td [class]="shirts[selected.id].sizes && !shirts[selected.id].sizes['L'] ? 'unavailable' : ''"
                 class="unavailable">
               <div option="L">L</div>
             </td>
-            <td [class]="!shirts[selected.id].sizes['XL'] ? 'unavailable' : ''"
+            <td [class]="shirts[selected.id].sizes && !shirts[selected.id].sizes['XL'] ? 'unavailable' : ''"
                 class="unavailable">
               <div option="XL">XL</div>
             </td>