select element not working with scrollX ?

cjarvis

Good Morning!
New member, first post, hope to get it right.
I have form inputs embedded in a table, one is a select. The problem I am having is, the select does not work when scrollX is enabled. Specifically, the select element's .value and .selectedIndex properties are not updated to reflect what is selected. I put together three test cases. The first has the desired set of DataTables options including scrollX, and fails. The second test case is the same as 1 but with scrollX disabled, it works. The third test case disables most of the other options except for scrollX, and fails. The full set of option from Test 1 is:

  $('#bid_items').DataTable({
          dom: 'Brtri',
          scrollY:        '50vh',
          scrollCollapse: true,
          paging:         false,
          colReorder: true,
          scrollX:        true,
          fixedColumns: { leftColumns: 2 },
          buttons: [
              {   extend: 'colvis',
                  columns: [ 2, 3, 4, 5, 6, 7 ]
              } ]
    } );

Links to test cases -
Test1
Test2
Test3

I appreciate any advice!
Best,
Craig

cjarvis

Apologies, I have some lingering security in the test cases, will have resolved in a few...

cjarvis

Test cases fixed, links updated...