Change:
teardown(closeAllEditors); test('style attribute & attribute value in html', async () => { <del> await testHtmlCompletionProvider('<div style="|"', [{ label: 'padding: ;' }]); await testHtmlCompletionProvider(`<div style='|'`, [{ label: 'padding: ;' }]); await testHtmlCompletionProvider(`<div style='p|'`, [{ label: 'padding: ;' }]); await testHtmlCompletionProvider(`<div style='color: #0|'`, [{ label: '#000000' }]); </del> <ins> await testCompletionProvider('html', '<div style="|"', [{ label: 'padding: ;' }]); await testCompletionProvider('html', `<div style='|'`, [{ label: 'padding: ;' }]); await testCompletionProvider('html', `<div style='p|'`, [{ label: 'padding: ;' }]); await testCompletionProvider('html', `<div style='color: #0|'`, [{ label: '#000000' }]); </ins> }); // https://github.com/microsoft/vscode/issues/79766 test('#79766, correct region determination', async () => { <del> await testHtmlCompletionProvider(`<div style="color: #000">di|</div>`, [ </del> <ins> await testCompletionProvider('html', `<div style="color: #000">di|</div>`, [ </ins> { label: 'div', documentation: `<div>|</div>` } ]); }); // https://github.com/microsoft/vscode/issues/86941 test('#86941, widows should not be completed', async () => { <del> await testCssCompletionProvider(`.foo { wi| }`, [ { label: 'widows: ;', documentation: `widows: ;` } ]); </del> <ins> await testCompletionProvider('css', `.foo { wi| }`, undefined); </ins> }); // https://github.com/microsoft/vscode/issues/117020 test('#117020, ! at end of abbreviation should have completion', async () => { <del> await testCssCompletionProvider(`.foo { bdbn!| }`, [ </del> <ins> await testCompletionProvider('css', `.foo { bdbn!| }`, [ </ins> { label: 'border-bottom: none !important;', documentation: `border-bottom: none !important;` } ]); }); <ins> // https://github.com/microsoft/vscode/issues/138461 test('#138461, JSX array noise', async () => { await testCompletionProvider('jsx', 'a[i]', undefined); await testCompletionProvider('jsx', 'Component[a b]', undefined); await testCompletionProvider('jsx', '[a, b]', undefined); await testCompletionProvider('jsx', '[a=b]', [ { label: '<div a="b"></div>', documentation: '<div a="b">|</div>' } ]); }); </ins> }); interface TestCompletionItem {

Discussion:
<!-- Do Not Delete This! bugreporttemplate --<!-- Please read our Rules of Conduct: --<!-- Read our guide about submitting issues: --<!-- Search existing issues to avoid creating duplicates. --<!-- Test using the latest Insiders build to see if your issue has already been fixed: --<!-- Instead of creating your report here, use 'Report Issue' from the 'Help' menu in VS Code to pre-fill useful information. --<!-- Launch with to check. --Does this issue occur when all extensions are disabled?: Yes (disabling Emmet) <!-- If you answered No above, use 'Help: Start Extension Bisect' from Command Palette to try to identify the cause. --<!-- Issues caused by an extension need to be reported directly to the extension publisher. The 'Help Report Issue' dialog can assist with this. --- VS Code Version: - 1.62.3 OS Version: - Ubuntu 21.10 Steps to Reproduce: a .js file which is denoted a React file by VSCode part of the coding implement state for a counter with the following simple line: getting as far as typing I wish to just exit the square brackets however Emmet takes the first position tab results in an HTML string appearing, see pictures Question: How do I move Emmet down the list of suggestions in Autocomplete for a React file, I am using other extensions like TabOut (to get out of the square brackets without any autocomplete) which would be more appropriate. ! ! ! !
This issue heavily affect the react users.
Verification steps: a JSX file. . should not be an Emmet suggestion.
/verified