CSS Conflict Bootstrap 5 sProcessing .card

nglessner

When the Processing dialog is displayed (serverside processing, etc) using dataTables.bootstrap5.js and bootstrap 5.1.3 the dialog height is set to 100%

In dataTables.bootstrap5.js the Default class modification adds the .card class to sProcessing. The result is that the processing message div gets height: 100% from bootstrap 5's .card css which makes the processing message box unsightly. I'd recommend either overriding the height in div.dataTables_processing or not using the .card class in the js at all.

allan

Hi,

Thanks for flagging this up. I think the card class is okay, but the offset parent for the processing element in Bootstrap 5 was wrong. I've made this commit to address that.

Regards,
Allan