Missing JavaScript syntax highlight in HTML #83541

ProviceUnify · 2019-10-29T14:29:45Z

After last update (~29.10.2019) JavaScript syntax not highlight in HTML between tags <script> (InteliSense yet works)
UPD: Issue has only on VSCode Insider

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>History Random Date Selector</title>
</head>

<body>


    <script>

        function shuffle() {
            $("#text").text('');
            // var arrOneDate = ['862-879', '882', '988', '1019-1054', '1116', '1147', '1223', '1237-1240', '1240', '1242', '1380', '1425-1462', '1462-1505', '1497', '1530-1584', '1550', '1565-1572', '1598-1613', '1610-1612', '4 ноя. 1612'];

            // var arrTwoDate = ['1613-1645', '1645-1676', '1649', '1672-1725', '1700-1721', '1709', '1714', '1720', '1725-1762', '1762-1796'];

            var arrOne = [
                // 'Княжение Рюрика в Новгороде', 'Объединение Руси по властью Олега, образование Киевской Руси', 'Крещение Руси (Владимир)', 'Правление Ярослава Мудрого', 'Летопись "Повесть Временных лет"', '1-ое упоминание Москвы (Долгорукий)', 'Битва на р. Калка', 'Походы Батыя на Русь', 'Невская битва', 'Ледовое побоище', 'Куликовская битва', 'Княжение Василия II-Тёмного', 'Княжение Ивана III', 'Судебник Ивана III', 'Годы жизни Ивана Грозного', 'Судебник Ивана Грозного', 'Период опричнины', 'Смутное время', 'Окупация Москвы польскими войсками', 'Освобождение Москвы от интервентов'
            ];

            var arrTwo = ['Период царствования Михаила Романова', 'Царствование Алексея Михайловича', 'Соборное уложение Алексея Михайловича', 'Годы жизни Петра I', 'Северная война'/*, 'Полтавская битва', 'Победа русского флота при мысе Гангут', 'Победа русского флота у о. Гернгам', 'Дворцовые перевороты', 'Царствование Екатеринаы II'*/];

            console.log(arrOne.length);
            console.log(arrTwo.length);




            var arr = arrOne.concat(arrTwo);

            console.log(arr.length);

            var j, temp;
            for (var i = arr.length - 1; i >= 0; i--) {
                console.log(i);
                
                j = Math.floor(Math.random() * (i + 1));
                temp = arr[j];
                arr[j] = arr[i];
                arr[i] = temp;
                // document.write(arr[i] + "<br>");
                $("#text").append(arr[i] + "<br><br>");
            }
            // return arr;
            // document.write(arr);
        }
    // shuffle();
    </script>

    <input type="button" onclick="shuffle()" value="press for date">
    <br>
    <br>
    <br>
    <div id="text">

    </div>
    <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
</body>

</html>

mjbvz · 2019-10-29T21:30:49Z

Please share the text of the code along with screenshots

alexr00 · 2019-10-30T08:56:13Z

Also, does this reproduce if you disable all extensions?

ProviceUnify · 2019-10-30T12:34:54Z

Please share the text of the code along with screenshots

Just a random selector of events Russian history from array. Private use

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>History Random Date Selector</title>
</head>

<body>


    <script>

        function shuffle() {
            $("#text").text('');
            // var arrOneDate = ['862-879', '882', '988', '1019-1054', '1116', '1147', '1223', '1237-1240', '1240', '1242', '1380', '1425-1462', '1462-1505', '1497', '1530-1584', '1550', '1565-1572', '1598-1613', '1610-1612', '4 ноя. 1612'];

            // var arrTwoDate = ['1613-1645', '1645-1676', '1649', '1672-1725', '1700-1721', '1709', '1714', '1720', '1725-1762', '1762-1796'];

            var arrOne = [
                // 'Княжение Рюрика в Новгороде', 'Объединение Руси по властью Олега, образование Киевской Руси', 'Крещение Руси (Владимир)', 'Правление Ярослава Мудрого', 'Летопись "Повесть Временных лет"', '1-ое упоминание Москвы (Долгорукий)', 'Битва на р. Калка', 'Походы Батыя на Русь', 'Невская битва', 'Ледовое побоище', 'Куликовская битва', 'Княжение Василия II-Тёмного', 'Княжение Ивана III', 'Судебник Ивана III', 'Годы жизни Ивана Грозного', 'Судебник Ивана Грозного', 'Период опричнины', 'Смутное время', 'Окупация Москвы польскими войсками', 'Освобождение Москвы от интервентов'
            ];

            var arrTwo = ['Период царствования Михаила Романова', 'Царствование Алексея Михайловича', 'Соборное уложение Алексея Михайловича', 'Годы жизни Петра I', 'Северная война'/*, 'Полтавская битва', 'Победа русского флота при мысе Гангут', 'Победа русского флота у о. Гернгам', 'Дворцовые перевороты', 'Царствование Екатеринаы II'*/];

            console.log(arrOne.length);
            console.log(arrTwo.length);




            var arr = arrOne.concat(arrTwo);

            console.log(arr.length);

            var j, temp;
            for (var i = arr.length - 1; i >= 0; i--) {
                console.log(i);
                
                j = Math.floor(Math.random() * (i + 1));
                temp = arr[j];
                arr[j] = arr[i];
                arr[i] = temp;
                // document.write(arr[i] + "<br>");
                $("#text").append(arr[i] + "<br><br>");
            }
            // return arr;
            // document.write(arr);
        }
    // shuffle();
    </script>

    <input type="button" onclick="shuffle()" value="press for date">
    <br>
    <br>
    <br>
    <div id="text">

    </div>
    <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
</body>

</html>

ProviceUnify · 2019-10-30T12:42:21Z

Also, does this reproduce if you disable all extensions?

By disabling all extensions nothing happened. But accidentally, when touching extension which has affect on editor, syntax highlight can randomly turning on. After restarting Visual Code syntax highlight again disappeared

alexr00 · 2019-10-30T12:52:48Z

Looks like this is extension related then. I can't reproduce with the example. Did you reload after disabling the extensions so that the disable took effect?

ProviceUnify · 2019-10-30T12:53:48Z

Looks like this is extension related then. I can't reproduce with the example. Did you reload after disabling the extensions so that the disable took effect?

Yes, I disable all extentions and reload. No JS syntax in HTML

ProviceUnify · 2019-10-30T12:58:17Z

Looks like this is extension related then. I can't reproduce with the example. Did you reload after disabling the extensions so that the disable took effect?

Also I forgot notice, that issue caused only on VSCode Insider version. Sorry

dragz · 2019-11-05T22:44:51Z

I have the same issue with the latest Insiders. See screenshot with VS Code Insiders to the left and VS Code to the right. Both are reloaded with extensions disabled.

The code is trivial.

alexr00 · 2019-11-06T09:46:53Z

simple copy pastable example:

<html>
	<body>
		<h1>testing</h1>
		Just a hightlight test.
		<script>
			const avar = 1.0;
		</script>
	</body>
</html>

Issue is that the contents of <script> are not being highlighted. Only occurs when you don't first open a ts/js file. Simple exact steps:

Open VS Code
Close all files
Reload
Open or create a file with the above html and set the language to html for it

@mjbvz could this be related to the injection work you've done?

mjbvz assigned aeschli Oct 29, 2019

aeschli assigned alexr00 and unassigned aeschli Oct 30, 2019

alexr00 added the info-needed Issue requires more information from poster label Oct 30, 2019

alexr00 added bug Issue identified by VS Code Team member as probable bug languages-basic Basic language support issues candidate Issue identified as probable candidate for fixing in the next release and removed info-needed Issue requires more information from poster labels Nov 6, 2019

alexr00 added this to the October 2019 milestone Nov 6, 2019

alexdima assigned alexdima and unassigned alexr00 Nov 6, 2019

alexdima added tokenization Text tokenization regression Something that used to work is now broken and removed languages-basic Basic language support issues labels Nov 6, 2019

alexdima added a commit that referenced this issue Nov 6, 2019

Revert vscode-textmate to 4.2.2 (for #83541)

22d5f54

This was referenced Nov 6, 2019

Revert vscode-textmate on stable #84052

Closed

Revert vscode-textmate on stable #84053

Merged

Starting with a TS/JS file is significantly file slower than opening other files #77990

Closed

alexdima closed this as completed Nov 6, 2019

alexdima added the verification-needed Verification of issue is requested label Nov 6, 2019

mjbvz added the verified Verification succeeded label Nov 7, 2019

alexr00 mentioned this issue Nov 15, 2019

HTML: embedded script not colored #84891

Closed

vscodebot bot locked and limited conversation to collaborators Dec 21, 2019

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Missing JavaScript syntax highlight in HTML #83541

Missing JavaScript syntax highlight in HTML #83541

ProviceUnify commented Oct 29, 2019 •

edited by alexdima

Loading

mjbvz commented Oct 29, 2019

alexr00 commented Oct 30, 2019

ProviceUnify commented Oct 30, 2019 •

edited by alexdima

Loading

ProviceUnify commented Oct 30, 2019

alexr00 commented Oct 30, 2019

ProviceUnify commented Oct 30, 2019 •

edited

Loading

ProviceUnify commented Oct 30, 2019

dragz commented Nov 5, 2019

alexr00 commented Nov 6, 2019 •

edited

Loading

Missing JavaScript syntax highlight in HTML #83541

Missing JavaScript syntax highlight in HTML #83541

Comments

ProviceUnify commented Oct 29, 2019 • edited by alexdima Loading

mjbvz commented Oct 29, 2019

alexr00 commented Oct 30, 2019

ProviceUnify commented Oct 30, 2019 • edited by alexdima Loading

ProviceUnify commented Oct 30, 2019

alexr00 commented Oct 30, 2019

ProviceUnify commented Oct 30, 2019 • edited Loading

ProviceUnify commented Oct 30, 2019

dragz commented Nov 5, 2019

alexr00 commented Nov 6, 2019 • edited Loading

ProviceUnify commented Oct 29, 2019 •

edited by alexdima

Loading

ProviceUnify commented Oct 30, 2019 •

edited by alexdima

Loading

ProviceUnify commented Oct 30, 2019 •

edited

Loading

alexr00 commented Nov 6, 2019 •

edited

Loading