type:array props with enum + meta:enum throws an exception in javascript
>>> [!note] Migrated issue <!-- Drupal.org comment --> <!-- Migrated from issue #3581478. --> Reported by: [isholgueras](https://www.drupal.org/user/733162) Related to !808 >>> <h3 id="overview">Overview</h3> <p>This issue is a follow-up for <span class="drupalorg-gitlab-issue-link drupalorg-gitlab-link-wrapper"><a href="https://git.drupalcode.org/project/canvas/-/work_items/3546869" class="drupalorg-gitlab-link">https://git.drupalcode.org/project/canvas/-/work_items/3546869</a></span>.</p> <p>If a SDC with <code>type:array</code> has <code>meta:enum</code>, an error is thrown in javascript.<br> <img src="https://www.drupal.org/files/issues/2026-03-25/image.png" alt=""></p> <p>Maybe it's related with <code>PropShape.php:139</code> and <code>unset($normalized_prop_schema['meta:enum']);</code></p> <p>Here is the component that can be used to make it fail:<br> <code>select-fields.component.yml</code></p> <pre>$schema: https://git.drupalcode.org/project/drupal/-/raw/HEAD/core/assets/schemas/v1/metadata.schema.json<br>name: Select fields<br>description: A component with a single-select and a multi-select field.<br>props:<br>&nbsp; type: object<br>&nbsp; properties:<br>&nbsp;&nbsp;&nbsp; size:<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; type: string<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; title: Size<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; description: Pick one size.<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; enum:<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; - small<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; - medium<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; - large<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; meta:enum:<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; small: Small<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; medium: Medium<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; large: Large<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; examples:<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; - medium<br>&nbsp;&nbsp;&nbsp; colors:<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; type: array<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; title: Colors<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; description: Pick one or more colors.<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; items:<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; type: string<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; enum:<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; - red<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; - green<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; - blue<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; - yellow<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; meta:enum:<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; red: Red<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; green: Green<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; blue: Blue<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; yellow: Yellow<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; examples:<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; - [red, blue]</pre><p><code>select-fields.twig</code></p> <pre>&lt;div class="select-fields"&gt;<br>&nbsp; {% if size is not empty %}<br>&nbsp;&nbsp;&nbsp; &lt;p class="select-fields__size"&gt;Size: {{ size }}&lt;/p&gt;<br>&nbsp; {% endif %}<br>&nbsp; {% if colors is not empty %}<br>&nbsp;&nbsp;&nbsp; &lt;ul class="select-fields__colors"&gt;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {% for color in colors %}<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li class="select-fields__color"&gt;{{ color }}&lt;/li&gt;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {% endfor %}<br>&nbsp;&nbsp;&nbsp; &lt;/ul&gt;<br>&nbsp; {% endif %}<br>&lt;/div&gt;</pre> > Related issue: [Issue #3546869](https://www.drupal.org/node/3546869) > Related issue: [Issue #3581581](https://www.drupal.org/node/3581581)
issue