Cmd+S Popover in Svelte Tutorial Interferes with Editor Save Functionality labels: bug, tutorial, svelte

[Vinay-Khanagavi]

Description

Currently, when working in the code editor within the Svelte tutorial, pressing Cmd + S (or Ctrl + S on Windows/Linux) triggers a popover to appear. This popover seemingly attempts to "save" some random text from the page.

This behavior is problematic because Cmd + S is a widely recognized and essential keyboard shortcut for saving files within a code editor. Its re-purposing in the tutorial creates an unexpected and disruptive user experience, overriding the default editor functionality that users expect.

Expected Behavior

Pressing Cmd + S within the Svelte tutorial's code editor should not trigger any popover or special action from the tutorial itself. It should allow the user's code editor (or browser's default save action for the page) to handle the save command as per standard operating system and application behavior.

Proposed Solutions

1. Remove the Cmd + S popover entirely: This is the preferred solution. The tutorial should not interfere with standard editor shortcuts.
2. Reassign the popover's trigger to a different, less common shortcut: If the popover's functionality is deemed absolutely necessary for the tutorial, it should be bound to a key combination that does not conflict with common editor actions.

Steps to Reproduce

1. Navigate to any section of the Svelte tutorial that includes an interactive code editor.
2. Click into the code editor.
3. Press Cmd + S (macOS) or Ctrl + S (Windows/Linux).
4. Observe the popover appearing instead of the usual editor/browser save behavior.