Skip to content

Jsx Attribute Completion not always works correct when tag is like <Form.Item> #47280

Closed
@heroboy

Description

@heroboy

Bug Report

🔎 Search Terms

Jsx Attribute Completion

🕗 Version & Regression Information

  • This is a not crash
  • This changed between versions 4.5.4 and 4.5.4
  • This is the behavior in every version I tried, and I reviewed the FAQ for entries about _________
  • I was unable to test this on prior versions because _______

⏯ Playground Link

No playground.
Please paste the code to https://github.dev/. (create a a.tsx file first)
Or use the current version vscode(1.63.2)

💻 Code

interface FormInterface {
    Item: (props: {}) => any;
    (props: {}): any;
}

declare const Form: FormInterface;

function Form2() { return <div></div> }
Form2.Item = function () { return <div></div> }

function main() {
    return <Form>
        <Form.Item></Form.Item>
        <Form.Item></Form.Item>
        <Form.Item></Form.Item>
        
    </Form>
}

🙁 Actual behavior

Type code <Form.It , select the Item in completion list, press TAB to complete.
The code become <Form.Item={}.

Even set Jsx Attribute Completion Style to none, not stop the wrong completion.

🙂 Expected behavior

When you type <Form.It press tab, and complete the code to <Form.Item
The <Form2.Item> completion is correct.

Metadata

Metadata

Assignees

Labels

BugA bug in TypeScriptFix AvailableA PR has been opened for this issue

Type

No type

Projects

No projects

Relationships

None yet

Development

No branches or pull requests

Issue actions