dataTables ScrollX browser freeze
HTML
<script src="https://cdn.datatables.net/1.10.21/js/jquery.dataTables.min.js"></script>
<p>
<select>
<option>===Try to click me===</option>
</select>
</p>
<p>
This example freezes OS X Chrome and Chromium browsers core
after loading for 10+ seconds with high CPU utilization.
Safari is fine.
ScrollX: false resolves the issue
</p>
<table id="my-table">
<thead>
<tr>
<th>WWWWWWWWWW</th>
<th>WWWWWWWWWW</th>
<th>WWWWWWWWWW</th>
<th>WWWWWWWWWW</th>
<th>WWWWWWWWWW</th>
<th>WWWWWWWWWW</th>
<th>WWWWWWWWWW</th>
<th>WWWWWWWWWW</th>
<th>WWWWWWWWWW</th>
<th>WWWWWWWWWW</th>
<th>WWWWWWWWWW</th>
<th>WWWWWWWWWW</th>
<th>WWWWWWWWWW</th>
<th>WWWWWWWWWW</th>
<th>WWWWWWWWWW</th>
<th>WWWWWWWWWW</th>
<th>WWWWWWWWWW</th>
<th>WWWWWWWWWW</th>
<th>WWWWWWWWWW</th>
<th>WWWWWWWWWW</th>
<th>WWWWWWWWWW</th>
<th>WWWWWWWWWW</th>
<th>WWWWWWWWWW</th>
<th>WWWWWWWWWW</th>
<th>WWWWWWWWWW</th>
<th>WWWWWWWWWW</th>
<th>WWWWWWWWWW</th>
<th>WWWWWWWWWW</th>
<th>WWWWWWWWWW</th>
<th>WWWWWWWWWW</th>
<th>WWWWWWWWWW</th>
<th>WWWWWWWWWW</th>
<th>WWWWWWWWWW</th>
<th>WWWWWWWWWW</th>
<th>WWWWWWWWWW</th>
<th>WWWWWWWWWW</th>
<th>WWWWWWWWWW</th>
<th>WWWWWWWWWW</th>
<th>WWWWWWWWWW</th>
<th>WWWWWWWWWW</th>
<th>WWWWWWWWWW</th>
<th>WWWWWWWWWW</th>
<th>WWWWWWWWWW</th>
<th>WWWWWWWWWW</th>
<th>WWWWWWWWWW</th>
<th>WWWWWWWWWW</th>
<th>WWWWWWWWWW</th>
<th>WWWWWWWWWW</th>
<th>WWWWWWWWWW</th>
<th>WWWWWWWWWW</th>
<th>WWWWWWWWWW</th>
<th>WWWWWWWWWW</th>
<th>WWWWWWWWWW</th>
<th>WWWWWWWWWW</th>
<th>WWWWWWWWWW</th>
<th>WWWWWWWWWW</th>
<th>WWWWWWWWWW</th>
<th>WWWWWWWWWW</th>
<th>WWWWWWWWWW</th>
<th>WWWWWWWWWW</th>
<th>WWWWWWWWWW</th>
<th>WWWWWWWWWW</th>
<th>WWWWWWWWWW</th>
<th>WWWWWWWWWW</th>
<th>WWWWWWWWWW</th>
<th>WWWWWWWWWW</th>
...
JavaScript
$(document).ready(function () {
var table = $('#my-table').DataTable({
data: [],
scrollX: true,
});
});