Commit c815849a authored by Robert Knight's avatar Robert Knight

Ensure confirmation dialog appears above top bar

Set a Z-index that is sufficient to make the dialog appear on top of
other content in the sidebar, mainly the top bar. We will likely have to
revise this if `confirm` is used in other contexts in future.
parent f2352018
...@@ -35,6 +35,12 @@ export async function confirm({ ...@@ -35,6 +35,12 @@ export async function confirm({
const container = document.createElement('div'); const container = document.createElement('div');
container.setAttribute('data-testid', 'confirm-container'); container.setAttribute('data-testid', 'confirm-container');
// Ensure dialog appears above any existing content. The Z-index value here
// is Good Enough™ for current usage.
container.style.position = 'relative';
container.style.zIndex = '10';
document.body.appendChild(container); document.body.appendChild(container);
return new Promise(resolve => { return new Promise(resolve => {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment