Html 苗条不'；无法正确处理来自x3dom的单击事件

我有一个小的hello world程序，可以一起试用svelte和x3dom

<script>
    import { onMount } from 'svelte';

    let yes = false;

    let onclick = (event)=>{
        alert('ff');
    }
</script>
<style>
    h1 { fontweight: bold;}
</style>

<label>show cone</label>
<input type=checkbox bind:checked={yes}/>

<svelte:head>
    <link rel='stylesheet' type='text/css' href='https://www.x3dom.org/download/x3dom.css'/>
    <script type='text/javascript' src='https://www.x3dom.org/download/x3dom.js'> </script> 
</svelte:head>
 
<h1>Hello, X3DOM!</h1> 
     
<x3d id="x3d"  width='500px' height='400px'> 
       <scene> 
        <shape on:click={onclick}> 
           <appearance> 
             <material diffuseColor='1 0 0'></material> 
           </appearance> 
           <box></box> 
        </shape> 
             
{#if yes}
        <transform translation='-3 0 0' > 
          <shape on:click={onclick}> 
             <appearance> 
               <material diffuseColor='0 1 0'></material> 
             </appearance> 
             <cone></cone> 
          </shape> 
        </transform> 
{/if}
             
        <transform translation='3 0 0'> 
          <shape on:click={onclick}> 
             <appearance> 
               <material diffuseColor='0 0 1'></material> 
             </appearance> 
             <sphere></sphere> 
          </shape> 
        </transform> 
       </scene> 
    </x3d> 
  
<h1>Mind Blown!!</h1>

从“svelte”导入{onMount}；
让是=假；
让onclick=（事件）=>{
警报（“ff”）；
}
h1{fontweight:粗体；}
展示锥
你好，X3DOM！

问题在于：click上的
事件有一些奇怪的行为

该复选框用于显示和隐藏绿色圆锥体。只要在形状节点上缺少
on:click={onclick}
操作，此操作就可以工作。当我将动作输入代码时，我只能打开和关闭绿色三角形一次

其次，
on:click
事件仅对绿色圆锥体有效。红色和蓝色对象上有相同的处理程序，但不会触发

这是怎么回事

实时代码在

您提供的链接似乎有效？我只是点击了一下，就找到了works@bradgonesurfing看起来你在svelte.dev/repl中修复了它，你能分享解决方案吗？它还没有完全修复。这是一项正在进行的工作。