Google Maps Api V3 Div Bug

Question

My Google Maps, when it is in the zoom "global" and I use draggable, it disappears, as if it were some bug in the div.

OVERVIEW, WITHOUT DRAGGABLE.

DRAGGING THE MAP IN THE OVERVIEW.

CSS CODE:

html,
body,
#map {
    height: 100%;
    margin: 0;
    padding: 0;
}

HTML CODE:

<header></header>

<div id="map"></div>

<main></main>
<footer></footer>

JS CODE:

  const MAP_DOM = document.getElementById('map');
    const GOOGLE_MAPS = new google.maps.Map(MAP_DOM, {
        id: "NeorisMapDefault",
        center: new google.maps.LatLng({lat: -15, lng: -1}),
        zoom: 2,
        disableDefaultUI: true,
        noClear: false,
        mapTypeId: google.maps.MapTypeId.SATELLITE,
        draggable: false,
    });