diff --git a/static/css/connect.css b/static/css/connect.css index 556f46e6..09bca695 100644 --- a/static/css/connect.css +++ b/static/css/connect.css @@ -34,6 +34,8 @@ -ms-user-select: text !important; user-select: text !important; pointer-events: auto !important; + position: relative; /* Ensure z-index is respected */ + z-index: 10; /* Bring to the front */ } .qrcode-box { cursor: pointer; } .qrcode-box.revealed { cursor: default; } diff --git a/static/js/wizard.js b/static/js/wizard.js index fe45da22..b5d39187 100644 --- a/static/js/wizard.js +++ b/static/js/wizard.js @@ -161,10 +161,24 @@ $(() => { e.stopPropagation(); cs.text(connectString); codebox.addClass('revealed'); - codebox.find('.qr-veil').hide(); + + const veil = codebox.find('.qr-veil'); + veil.css({ // Force veil styles off + 'backdrop-filter': 'none', + '-webkit-backdrop-filter': 'none', + }).hide(); + clickText.hide(); + // Unbind to allow text selection and normal behavior after reveal codebox.off('click'); + + // Force text to be selectable on top + cs.css({ + 'user-select': 'text', + '-webkit-user-select': 'text', + 'pointer-events': 'auto' + }); } }); })(); @@ -195,6 +209,7 @@ $(() => { }); // Initial state load (no redirects; SPA only) + console.log('Wizard script version: REVEAL_FIX_3 activated'); fetch("/wizard/service_state").then(res => res.json()).then(state => { nodeNameInput.val(state.source_name); if (state.relay_url === 'wss://relay.lightning.pub') {