Skip to content

SVG's viewBox is set to lowercase #1847

@aztack

Description

@aztack

Stencil version:

@stencil/core@1.3.0

I'm submitting a:

[x] bug report
[ ] feature request
[ ] support request

Current behavior:
svg's viewBox attribute is lowercase causing the svg's size set to 0x0

Expected behavior:
viewBox attribute not set to 'viewbox'

Steps to reproduce:
https://github.com/aztack/functional-svg-bug

Related code:

// insert any relevant code here

Other information:
There should be a white arrow before Buttons.
I searched the issues and found #1247 which is marked 'fixed'.

image

But, if I put a svg tag inside the render function, it will be rendered correctly:

image

Maybe it's hard to detect that one component is using a functional component which contains svg tag.
What about give compiler a hint hasSvg:

@Component({
  hasSvg: true
});

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions