X Tutup
Skip to content

SVG components don't work in alpha.47 #5547

@Tragetaschen

Description

@Tragetaschen

I have created Plunkers to demonstrate several issues.

First, selectors don't work correctly. My components use g.some-class as selector and those don't match anymore against a <g class="some-class">. When it's just a class selector .some-class it matches correctly. Fixed in 2.0.0-alpha.53

Second, when the selector doesn't work and there is a data binding defined, the error message is an InvalidCharacterError, because the parser tries to instantiate an @svg:g element with createElement to find the unknown property there. (Fixed in 2.0.0-alpha.49)

Third, even when everything is setup correctly and the component is instantiated, the actual child component's SVG isn't rendered (tested in Firefox, Chrome and Edge). There should be a black circle covering the red circle in the Plunker, it's there in the DOM, but wouldn't render. Fixed with a svg: prefix in the template

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions

      X Tutup