Disallows use of native attributes as properties (no-native-attributes)

Using global native attributes as lit properties can have unintended effects, like for example the native title attribute will display a tooltip on hover over your custom element, and and may affect the accessibility of your component unintentionally.

Rule Details

This rule disallows using global native attributes as lit properties.

The following patterns are considered warnings:

class MyEl extends LitElement {
  static get properties() {
    return {
      title: { type: String },
      role: { type: String }
    };
  }
}

The following patterns are not warnings:

class MyEl extends LitElement {
  static get properties() {
    return {
      foo: { type: String }
    };
  }
}

When Not To Use It

If you don't care about overriding global native attributes.