Group element cannot add children

[MartinJanusek]

Guys, excellent work with SVG component, really straightforward and helpful.

I am experiencing issue when working with Group class. This code not working as expected

public class MainView extends HorizontalLayout {
public MainView() {        
            Svg svg = new Svg();

            Group grp = new Group("grp_id");
            grp.addElement(new Text("text_id", "Label"));
            svg.add(grp);
            
            add(svg);
        }
}

and resulting in

Error: Element with selector "[id="text_id"]" not found.

Am I doing anything wrong? Any help will be appreciated.

Thanks

Martin

Using Vaadin 16, svg 1.0.3

[mathieu-fanduel]

I think the issue is that the JsComponent does not recursively look up the id but only look at the top level https://github.com/vaadin-component-factory/vcf-svg/blob/master/src/vcf-svg.js#L374

As to how to fix it ... no idea

[sirsch]

I think you have to add the element to the svg first.

public class MainView extends HorizontalLayout {
    public MainView() {
        Svg svg = new Svg();
        Group group = new Group("group_id");
        Text text = new Text("text_id", "Label");

        svg.add(text);
        group.addElement(text);
        svg.add(group);
        this.add(svg);
    }
}

Tested with Vaadin 14.5.2, svg 1.1.1