vscode-edge-devtools
vscode-edge-devtools copied to clipboard
Reporting of HTMLElement["ariaHasPopup"] in Dev Tools are false positive returning a Type Issue
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)
The Proporty is set properly to @Prop() dataAriaHasPopup?: HTMLElement["ariaHasPopup"];
See reference: https://developer.mozilla.org/en-US/docs/Web/API/Element/ariaHasPopup
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.
This is an issue within webhint, and we reported it there. Thanks for bringing this up.