"processing" css change between v1.13.3 and v1.13.6 breaks custom spinner?

blacksteel1288

Hi all,

It looks like there was a change in the css for the "processing" spinner between v1.13.2 and v1.13.6 which causes two processing spinners to appear if you've customized it. In my case, both my custom spinner and the out-of-the-box animation are showing.

For v1.13.2 (https://cdn.datatables.net/1.13.2/css/dataTables.bootstrap4.min.css) and prior versions of the css, only my custom spinner appeared.

Does anyone know what changed and if so, how to hide the out-of-the-box animation, again?
Reading the release note for v1.13.3 doesn't say specifically - https://cdn.datatables.net/1.13.3/

The code I'm using is this:

processing: true,
language: { "processing": '<div class="d-flex justify-content-center align-items-center"><div class="spinner-border text-primary" role="status"><span class="sr-only">Loading...</span></div></div>' },

with this override:

.dataTables_wrapper .dataTables_processing {
position: absolute;
top: 20% !important;
border: none;
}

Which is similar to the approach in bootstrap 5 version mentioned here:
https://datatables.net/forums/discussion/71472

Thank you!

Edited by Allan - Syntax highlighting. Details on how to highlight code using markdown can be found in this guide.

allan

div.dataTables_processing > div:last-child {
  display: none;
}

will do it. Example here: https://live.datatables.net/xicixibi/1/edit .

Allan

blacksteel1288

Perfect! That works great!

Thank you!