Canvas AI : Options for "List:text" Prop Cleared After AI Edit of Code Component
>>> [!note] Migrated issue
<!-- Drupal.org comment -->
<!-- Migrated from issue #3558182. -->
Reported by: [neha_bawankar](https://www.drupal.org/user/3847785)
>>>
<h3 id="overview">Overview</h3>
<p>When a user uses the AI feature to edit a code component with a prop of type List:text, after a successful edit, the available value options for that prop become empty.</p>
<h3 id="steps_to_reproduce">Steps To Reproduce</h3>
<p><strong>Scenario 1 : </strong><br>
Create a code component :<br>
</p><div class="codeblock">
<pre><span style="color: #000000"><span style="color: #0000BB"><?php<br>Create a dropdown component </span><span style="color: #007700">, </span><span style="color: #0000BB">with prop type </span><span style="color: #007700">as </span><span style="color: #DD0000">"List:text" </span><span style="color: #007700">and </span><span style="color: #0000BB">options </span><span style="color: #007700">as - </span><span style="color: #0000BB">Red </span><span style="color: #007700">, </span><span style="color: #0000BB">Blue </span><span style="color: #007700">, </span><span style="color: #0000BB">Green </span><span style="color: #007700">, </span><span style="color: #0000BB">Yellow<br>?></span></span></pre></div>
<p>Observe options values for prop Selected Color is <em>populated</em><br>
Edit Code Component :<br>
</p><div class="codeblock">
<pre><span style="color: #000000"><span style="color: #0000BB"><?php<br></span><span style="color: #007700">For </span><span style="color: #0000BB">code component </span><span style="color: #DD0000">"Color Dropdown" </span><span style="color: #007700">, </span><span style="color: #0000BB">Exactly below the dropdown add one more prop of type </span><span style="color: #DD0000">"Text" </span><span style="color: #0000BB">labeled </span><span style="color: #007700">as </span><span style="color: #0000BB">note<br>?></span></span></pre></div>
<p>Observe options values for prop Selected Color is <em>empty</em> </p>
<p><strong>Scenario 2 : </strong><br>
<code>Make a testimonial card with only author name , author avatar and quote , where quote is aligned left to author avatar </code></p>
<p><code>Add author role field below author name field to the above created component named as “Testimonial Card“</code></p>
<h3 id="proposed-resolution">Proposed resolution</h3>
<h3 id="ui-changes">User interface changes</h3>
issue