vscode icon indicating copy to clipboard operation
vscode copied to clipboard

Live Preview While Navigating IntelliSense Suggestions

Open DaneshCode opened this issue 9 months ago • 0 comments

I would love to see a feature in VS Code where, while navigating through IntelliSense suggestions using the arrow keys, the editor provides a live preview of the currently highlighted suggestion before selecting it (i.e., before pressing Enter or Tab).

Use Case: When working with CSS, this feature would allow users to see how a style change affects the UI before committing to it. For HTML, it could provide a quick preview of different element attributes or class names. For JavaScript functions, it could show a small inline tooltip demonstrating the effect or expected output. Potential Implementation: When hovering over a suggestion in IntelliSense, a temporary live update is applied to the preview window (e.g., Live Preview or Live Server). Once the user moves to another suggestion, the temporary change is discarded, and the new suggestion is previewed instead. When the user confirms the selection (presses Enter or Tab), the change becomes permanent. This feature would greatly improve the development experience by reducing trial-and-error cycles and making real-time feedback more intuitive.

Would love to hear your thoughts on this! 😊

DaneshCode avatar Mar 07 '25 08:03 DaneshCode