Skip to content

linter: jsx-a11y/iframe-has-title fails to recognize title is set #16665

@mhsdef

Description

@mhsdef

What version of Oxlint are you using?

1.31.0

What command did you run?

oxlint --type-aware

What does your .oxlintrc.json config file look like?

{
  "$schema": "./node_modules/oxlint/configuration_schema.json",
  "plugins": ["unicorn", "typescript", "oxc", "react", "import", "jsx-a11y"],
  "categories": { "correctness": "error", "perf": "error" },
  "rules": {
    "curly": "error",
    "guard-for-in": "error",
    "no-array-constructor": "error",
    "no-duplicate-imports": "warn",
    "no-else-return": "warn",
    "no-fallthrough": "warn",
    "no-nested-ternary": "error",
    "no-return-assign": "error",
    "sort-imports": "off",
    "import/no-commonjs": "error",
    "import/no-self-import": "error",
    "react/jsx-filename-extension": [
      "error",
      { "extensions": [".jsx", ".tsx"] }
    ],
    "react/rules-of-hooks": "error",
    "typescript/consistent-generic-constructors": "warn",
    "typescript/consistent-indexed-object-style": "warn",
    "typescript/consistent-type-definitions": "warn",
    "typescript/consistent-type-imports": "warn",
    "typescript/no-explicit-any": "error",
    "typescript/no-import-type-side-effects": "warn",
    "typescript/no-require-imports": "error",
    "typescript/only-throw-error": "error",
    "typescript/prefer-for-of": "warn",
    "typescript/prefer-reduce-type-parameter": "error",
    "typescript/prefer-ts-expect-error": "error",
    "typescript/restrict-plus-operands": "error",
    "unicorn/no-array-for-each": "error",
    "unicorn/no-lonely-if": "warn",
    "unicorn/prefer-array-flat": "error",
    "unicorn/prefer-date-now": "warn",
    "unicorn/prefer-includes": "error",
    "unicorn/prefer-logical-operator-over-ternary": "warn",
    "unicorn/prefer-number-properties": "error",
    "unicorn/prefer-object-from-entries": "warn",
    "unicorn/prefer-optional-catch-binding": "error"
  },
  "settings": {
    "jsx-a11y": {
      "polymorphicPropName": null,
      "components": {}
    },
    "react": {
      "formComponents": [],
      "linkComponents": []
    },
    "jsdoc": {
      "ignorePrivate": false,
      "ignoreInternal": false,
      "ignoreReplacesDocs": true,
      "overrideReplacesDocs": true,
      "augmentsExtendsReplacesDocs": false,
      "implementsReplacesDocs": false,
      "exemptDestructuredRootsFromChecks": false,
      "tagNamePreference": {}
    }
  },
  "env": {
    "builtin": true,
    "browser": true,
    "es2020": true
  },
  "globals": {},
  "ignorePatterns": [".yarn/**", "public/**", "src/__generated__/**"]
}

What happened?

See false report:

× eslint-plugin-jsx-a11y(iframe-has-title): Missing `title` attribute for the `iframe` element.
    ╭─[src/components/materials/FileViewer/OfficeViewer.tsx:31:11]
 30 │ 
 31 │   return <iframe src={src} style={style} title={file.name} />;
    ·           ──────
 32 │ }
    ╰────
  help: Provide `title` property for `iframe` element.

Metadata

Metadata

Assignees

Labels

Type

Priority

None yet

Effort

None yet

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions