Bug with Pagination text input plugin

HTML

<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<script src="https://cdn.datatables.net/2.2.1/js/dataTables.js"></script>
<script src="https://cdn.datatables.net/plug-ins/2.2.1/features/inputPaging/dist/dataTables.inputPaging.min.js"></script>
<link rel="stylesheet" href="https://cdn.datatables.net/2.2.1/css/dataTables.dataTables.css">
<link rel="stylesheet" href="https://cdn.datatables.net/plug-ins/2.2.1/features/inputPaging/dist/dataTables.inputPaging.min.css">
<table id="example" class="display" width="100%"></table>

JavaScript

var dataSet = [];

$(document).ready( function () {
    $('#example').DataTable({
      layout: {
          bottomEnd: 'inputPaging'
      },
      columns: [
          { title: 'Name' },
          { title: 'Position' },
          { title: 'Office' },
          { title: 'Extn.' },
          { title: 'Start date' },
          { title: 'Salary' }
      ],
      data: dataSet
    });
} );