feat: add Simple Browser: Focus Content command

Adds a new command that moves focus directly to the browser content/webview, bypassing the URL bar. This improves accessibility for screen reader users who need a more efficient way to navigate into the browser content.

Fixes #305717

Author: yogeshwaran-c

extensions/simple-browser/package.json

@@ -24,6 +24,7 @@
   ],
   "activationEvents": [
     "onCommand:simpleBrowser.api.open",
+    "onCommand:simpleBrowser.focusContent",
     "onOpenExternalUri:http",
     "onOpenExternalUri:https",
     "onWebviewPanel:simpleBrowser.view"
@@ -40,13 +41,22 @@
         "command": "simpleBrowser.show",
         "title": "Show",
         "category": "Simple Browser"
+      },
+      {
+        "command": "simpleBrowser.focusContent",
+        "title": "%command.focusContent.title%",
+        "category": "Simple Browser"
       }
     ],
     "menus": {
       "commandPalette": [
         {
           "command": "simpleBrowser.show",
           "when": "isWeb"
+        },
+        {
+          "command": "simpleBrowser.focusContent",
+          "when": "activeWebviewPanelId == 'simpleBrowser.view'"
         }
       ]
     },

extensions/simple-browser/package.nls.json

@@ -1,5 +1,6 @@
 {
 	"displayName": "Simple Browser",
 	"description": "A very basic built-in webview for displaying web content.",
+	"command.focusContent.title": "Focus Content",
 	"configuration.focusLockIndicator.enabled.description": "Enable/disable the floating indicator that shows when focused in the simple browser."
 }

extensions/simple-browser/src/extension.ts

@@ -14,6 +14,7 @@ declare class URL {
 
 const openApiCommand = 'simpleBrowser.api.open';
 const showCommand = 'simpleBrowser.show';
+const focusContentCommand = 'simpleBrowser.focusContent';
 const integratedBrowserCommand = 'workbench.action.browser.open';
 
 const enabledHosts = new Set<string>([
@@ -75,6 +76,10 @@ export function activate(context: vscode.ExtensionContext) {
 		}
 	}));
 
+	context.subscriptions.push(vscode.commands.registerCommand(focusContentCommand, () => {
+		manager.focusContent();
+	}));
+
 	context.subscriptions.push(vscode.commands.registerCommand(openApiCommand, async (url: vscode.Uri, showOptions?: {
 		preserveFocus?: boolean;
 		viewColumn: vscode.ViewColumn;

extensions/simple-browser/src/simpleBrowserManager.ts

@@ -38,6 +38,10 @@ export class SimpleBrowserManager {
 		this._activeView ??= view;
 	}
 
+	public focusContent(): void {
+		this._activeView?.focusContent();
+	}
+
 	private registerWebviewListeners(view: SimpleBrowserView) {
 		view.onDispose(() => {
 			if (this._activeView === view) {

extensions/simple-browser/src/simpleBrowserView.ts

@@ -110,6 +110,11 @@ export class SimpleBrowserView extends Disposable {
 		this._webviewPanel.reveal(options?.viewColumn, options?.preserveFocus);
 	}
 
+	public focusContent() {
+		this._webviewPanel.reveal(undefined, false);
+		this._webviewPanel.webview.postMessage({ type: 'focus' });
+	}
+
 	private getHtml(url: string) {
 		const configuration = vscode.workspace.getConfiguration('simpleBrowser');