Edge javascript only works with devtools open

Question

Edge javascript only works with devtools open

The problem is that in MS edge my imagemap function only works partially. He works from FW knockout. On large images, it does not register the entire imagemap map in the viewmodel. As a result, all the freezing effects and stylish design for imagemap will stop working.

However, this is only a problem with large imagemaps, it should also be noted that the registered part has an on-click function called (just not a style).

The most remarkable problem is that I cannot debug it, if I enter the debug console and refresh the page, it works.

This is the image map code created using Razor:

<div id="seatplan" data-bind="visible:maximumReached">
    <img id="mapSeatPlan" src="@Url.Action("MyImage", "Show", new { uid = Model.Show.RowGuid })" alt="seatplan" usemap="#plan_met" />
    <map name="plan_met" id="plan_met">
        @foreach (var seat in seats)
        {
            <area shape="rect" href="#" data-seat="@seat.RowGuid" coords="@seat.CoordX,@seat.CoordY,@(seat.CoordX + seat.CoordWidth),@(seat.CoordY + seat.CoordHeight)" alt="@seat.RowName @seat.DisplayName" />
        }
    </map></div>

and this is JS that registers the region in the array:

    function buildAreas() {
        var items = $('#plan_met').find('area');
        var areaArray = [];

        items.each(function () {
            var areaName = $(this).attr('data-seat');
            var fullName = $(this).attr('alt');
            var newarea = {
                key: areaName,
                toolTip: buildToolTipArea(areaName, fullName)
            };

            if (isSelected(areaName)) newarea.selected = true;
            areaArray.push(newarea);
        });
        return areaArray;
    }