[Bug] Buttons Extension: Copy confirmation not visible if datatable exists in element

shellj

Link to test case: https://jsfiddle.net/shellj/461yrope/8/
Description of problem: z-index doesn't work with the <dialog> element because it is in its own layer, separate from the rest of the DOM. This copy confirmation needs to be revisited to work with <dialog> elements.

shellj

For some reason my jsfiddle is not saving the changes I made. that link is a previous version that does not demo the issue properly. I am currently working on fixing this.

kthorngren

I would suggest using the Resources option to load all the dependencies and leave the Javascript tab just for the Datatables code. This way its easier for us to debug without a lot of code in the way.

Kevin

shellj

Thanks Kthorngren for the suggestion. I have updated the test case: https://jsfiddle.net/shellj/461yrope/8/

allan

That's a good one. The modal is top-layer and thus higher than any z-index for content that is attached to the body, which my little modal saying that the copy has been done is.

A workaround is to use .show() rather than .showModal(). That will show the modal "modelessly".

Updated example.

Allan

shellj

Thank you for the workaround. I will have to look into this to see how it works with my application.