Here's the code for the modal: ```js setTimeout(function(){ document.getElementsByTagName("body")[0].insertAdjacentHTML("afterend", '<div id="targetModal" class="modal" style="display:none;position:fixed;z-index:999999;padding-top:150px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color: rgb(0,0,0);background-color: rgba(0,0,0,0.4);"><div class="modal-content" style=" position: relative;background-color: #fefefe;margin: auto;padding: 0;border: 1px solid #888; width: 80%;box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);"><div class="modal-header" style="padding: 2px 16px;color:#000;"><span id="targetModalClose" class="close" style="float: right;font-size: 28px;font-weight: bold;cursor: pointer;">×</span></div><div class="modal-body cmp-text" style="padding:20px;color:#1b1c1d;"><h5>Sorry! pge.com doesn’t support your web browser.</h5><br/><p>For the best experience, we recommend using one of the browsers found on <a id="supportedBrowser" target="_blank" href="https://www.pge.com/supported-browsers">pge.com/supported-browsers</a>.</p><br/></div></div></div>'); var modal = document.getElementById("targetModal"); modal.style.display = "block"; var span = document.getElementById("targetModalClose"); span.onclick = function() { modal.style.display = "none"; } window.onclick = function(event) { if (event.target == modal) { modal.style.display = "none"; } } },1000); ```
Bug 1898899 Comment 15 Edit History
Note: The actual edited comment in the bug view page will always show the original commenter’s name and original timestamp.
Here's the code for the modal warning: ```js setTimeout(function(){ document.getElementsByTagName("body")[0].insertAdjacentHTML("afterend", '<div id="targetModal" class="modal" style="display:none;position:fixed;z-index:999999;padding-top:150px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color: rgb(0,0,0);background-color: rgba(0,0,0,0.4);"><div class="modal-content" style=" position: relative;background-color: #fefefe;margin: auto;padding: 0;border: 1px solid #888; width: 80%;box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);"><div class="modal-header" style="padding: 2px 16px;color:#000;"><span id="targetModalClose" class="close" style="float: right;font-size: 28px;font-weight: bold;cursor: pointer;">×</span></div><div class="modal-body cmp-text" style="padding:20px;color:#1b1c1d;"><h5>Sorry! pge.com doesn’t support your web browser.</h5><br/><p>For the best experience, we recommend using one of the browsers found on <a id="supportedBrowser" target="_blank" href="https://www.pge.com/supported-browsers">pge.com/supported-browsers</a>.</p><br/></div></div></div>'); var modal = document.getElementById("targetModal"); modal.style.display = "block"; var span = document.getElementById("targetModalClose"); span.onclick = function() { modal.style.display = "none"; } window.onclick = function(event) { if (event.target == modal) { modal.style.display = "none"; } } },1000); ```