Does this issue occur when all extensions are disabled?: Yes
VS Code Version: 1.91.1
OS Version: macOS 14.5
Steps to Reproduce:
Create a new ReactJS project by running npm create vite@latest
Call it whatever you like, and select react and typescript as the options
Open the folder in VSCode
Reload without extensions and ensure that editor.linkedEditing is turned on in the settings
Under /src create a file called MyComponent.tsx
Add the following code to the component:
export function MyComponent({ children }) {
return <div>{children}</div>;
}
Go to /src/App.tsx
In the JSX, copy and paste <MyComponent>Hello</MyComponent> inside the JSX, making sure not to auto-import the component
Delete the ent in the opening tag, then just type nt and select the component from the intellisense dropdown
Note the component does not get imported
Next, delete some of the opening tag again, then type out the full name of the tag and select it from the dropdown
This time it is imported
Delete the import, then turn off editor.linkedEditing in user settings
Now when you delete some of the opening tag, then complete some but not all of it and select the import it will both autocomplete and import the component
Expected:
The editor.linkedEditing setting should always import the component, even if it needs to complete the word.
Does this issue occur when all extensions are disabled?: Yes
Steps to Reproduce:
npm create vite@latest
react
andtypescript
as the optionseditor.linkedEditing
is turned on in the settings/src
create a file calledMyComponent.tsx
/src/App.tsx
<MyComponent>Hello</MyComponent>
inside the JSX, making sure not to auto-import the componentent
in the opening tag, then just typent
and select the component from the intellisense dropdowneditor.linkedEditing
in user settingsExpected:
The
editor.linkedEditing
setting should always import the component, even if it needs to complete the word.Video reproduction:
https://github.com/user-attachments/assets/a448ebd1-7eb6-4cde-b3a4-21f269e6d9f8