Support HTMLElement.focus() Option FocusVisible

🔍 Search Terms

focusVisible

✅ Viability Checklist

• This wouldn't be a breaking change in existing TypeScript/JavaScript code
• This wouldn't change the runtime behavior of existing JavaScript code
• This could be implemented without emitting different JS based on the types of the expressions
• This isn't a runtime feature (e.g. library functionality, non-ECMAScript syntax with JavaScript output, new syntax sugar for JS, etc.)
• This isn't a request to add a new utility type: https://github.com/microsoft/TypeScript/wiki/No-New-Utility-Types
• This feature would agree with the rest of our Design Goals: https://github.com/Microsoft/TypeScript/wiki/TypeScript-Design-Goals

⭐ Suggestion

Typescript should now support the FocusVisible property of FocusOptions.

📃 Motivating Example

The FocusVisible FocusOption is now supported on all major browsers except Samsung Internet. It is supported on all desktop browsers. It was stated under the previous issue on the topic that a new issue should be opened when the feature is more widely supported, and it is now more widely supported.

Source: HTMLElement: focus() method

💻 Use Cases

1. What do you want to use this for? Ensuring the focused element is visibly focused.
2. What shortcomings exist with current approaches? There isn't a workaround for this.
3. What workarounds are you using in the meantime? There isn't a workaround for this.

首先，在 TypeScript 的 DOM 类型定义中定位 HTMLElement.focus() 和 FocusOptions 的声明。检查现有 focus 选项的表示方式，然后将 FocusVisible 属性添加到适当的声明中。当调用 HTMLElement.focus() 时 TypeScript 接受 FocusVisible，即表示完成。