Fix false positives for SVG type selectors in selector-type-case

What steps are needed to reproduce the bug?

There is a false positive for foreignObject.

The following code will indicate that there is selector-type-case issue

foreignObject {
  color: white;
}

Link to a demo

What Stylelint configuration is needed to reproduce the bug?

{
  "rules": {
    "selector-type-case": ["lower"]
  }
}

How did you run Stylelint?

CLI, or see the demo link

Which version of Stylelint are you using?

14.0.0, 13.13.1

What did you expect to happen?

No problems to be reported

What actually happened?

Got the following error:

Expected "foreignObject" to be "foreignobject" (selector-type-case)

Does the bug relate to non-standard syntax?

No

Proposal to fix the bug

There should be no issue as foreignObject tag is part of SVG definition.

A potential workaround for now is to use the following config

{
  "rules": {
    "selector-type-case": ["lower", {
      "ignoreTypes": ["foreignObject"]
    }]
  }
}

[hverlin]

Thanks! Will create a PR with the suggested fix

[ybiquitous]

When seeing https://developer.mozilla.org/en-US/docs/Web/SVG/Element, there are many elements with mixed-case like animateMotion. 👀