how to add listener to foreign object

[zairiint]

Hello,
I have the folowing implementation of a forignObject. I tried to add an event listener by folowing instrection in documentation https://www.eclipse.org/glsp/documentation/actionhandler/ but when i click in my html select nothing happens.

have you an idea for that ?

thanks in advance

handlClick(value: string,id:string): Promise<void> {
  return this.actionDispatcher
      .dispatch(new UpdateNodeServerAction(value,id));

}
render(node: Readonly<SModelElement>, context: RenderingContext): VNode | undefined {

  const htmlElement: any =
    <div style={{ width: "100%", height: "100%" , position:"fixed" }}>
      <select name="" id="oneof" onClick={(event)=>this.handlClick("",event.currentTarget.value)}>
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
      </select>
    </div>
    setNamespace(htmlElement, 'http://www.w3.org/1999/xhtml');
  const vnode: any = (
<g transform="scale(...) translate(...)">
<g
  id="workflow-diagram_0_..."
  transform="translate(...)"
>
  <g id="workflow-diagram_0_...">
  <foreignObject
      requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
      height="25"
      width="75"
      x="0"
      y="0"
    >
      {htmlElement}
      
    </foreignObject>
  </g>
</g>
</g>
  );
  
  return vnode;
}}

[rsoika]

Hi @zairiint this is very special to GLSP and SVG. You should ask this question better in the GLSP Forum