vscode-edge-devtools icon indicating copy to clipboard operation
vscode-edge-devtools copied to clipboard

Reporting of HTMLElement["ariaHasPopup"] in Dev Tools are false positive returning a Type Issue

Open polent opened this issue 2 years ago • 1 comments

While creating Web Components and defining proper Props in Stencil we found that Edge Dev Tools false positive report the given String values as expecting Booleans. Not sure where to sort this bug.

(property) JSXBase.IntrinsicElements.input: JSXBase.InputHTMLAttributes<HTMLInputElement>
ARIA attributes must conform to valid values: Invalid ARIA attribute value: aria-haspopup="{expression}"Microsoft Edge Tools[axe/aria](https://dequeuniversity.com/rules/axe/4.4/aria-valid-attr-value?application%3DaxeAPI)
IDs used in ARIA and labels must be unique: Document has multiple elements referenced with ARIA with the same id attribute: {expression}Microsoft Edge Tools[axe/parsing](https://dequeuniversity.com/rules/axe/4.4/duplicate-id-aria?application%3DaxeAPI)

image

The Proporty is set properly to @Prop() dataAriaHasPopup?: HTMLElement["ariaHasPopup"];

image

See reference: https://developer.mozilla.org/en-US/docs/Web/API/Element/ariaHasPopup

polent avatar Oct 04 '22 16:10 polent

This seems to be coming from the axe, which is used by webhint, itself used by the DevTools VSCode extension to display warnings in the code.

Pinging @vidorteg for confirmation and/or investigation here.

captainbrosset avatar Oct 05 '22 07:10 captainbrosset

This is an issue within webhint, and we reported it there. Thanks for bringing this up.

codepo8 avatar Oct 27 '22 14:10 codepo8