[Bug] Buttons Extension: Copy confirmation not visible if datatable exists in element
[Bug] Buttons Extension: Copy confirmation not visible if datatable exists in element
shellj
Posts: 4Questions: 0Answers: 0
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.
Replies
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.
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
Thanks Kthorngren for the suggestion. I have updated the test case: https://jsfiddle.net/shellj/461yrope/8/
That's a good one. The modal is
top-layerand thus higher than any z-index for content that is attached to thebody, 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
Thank you for the workaround. I will have to look into this to see how it works with my application.