Datalist not showing options, if records more than 500

Question

function loadDynamicDatalist() {
  let d = document.getElementById("browsers");
  let options = '';
  for (let i = 0; i < 1200; i++) {
    options += '<option value="datalist' + i + '">datalist' + i + '</option>';
  }
  d.innerHTML = options;
}
loadDynamicDatalist();

<form action="/action_page.php" method="get">
  <label for="browser">Choose your browser from the list:</label>
  <input list="browsers" name="browser" id="browser">
  <datalist id="browsers">

        </datalist>
  <input type="submit">
</form>

<p><strong>Note:</strong> The datalist tag is not supported in Safari 12.0 (or earlier).</p>

Datalist is only showing records around 500 instead of 1200 records. Please suggest me a idea how to show all values in datalist.