I’m creating a FF extension, but the GUI SOMETIMES takes a little long to load. The extension only has a popup with 2 buttons. 80% of the time as soon as you click on the toolbar button the popup buttons show instantly. Every once in a while the main page (the border around the whole popup) loads but one or both of the buttons don’t show. Several seconds later the buttons appear (sometimes I am placing my mouse pointer in the empty spot, not sure if that is causing the button to draw, or it is just taking longer to show on it’s own).
Doesn’t appear to matter if the extension is previously loaded or it is the first time since FF was launched.
I have reproduced this on both a PC and Mac with several versions of FF 60+.
Main HTML
(I HAVE REPLACED POINTY BRACKETS WITH ROUND ONES FOR THIS POST AS IT IS EATING THE HTML WHEN I POST IT):
(!DOCTYPE html)
(html)
(head)
(meta charset=“utf-8”)
(link rel=“stylesheet” href=“style.css”/)
(/head)
(body)
(div class=“buttonBorder”)
(button class=“button” id=“B1”)B1(/button)
(button class=“button” id=“B2”)B2(/button)
(div class=“status”)(/div)
(/div)
(script src=“script.js”)(/script)
(/body)
(/html)
STYLE.CSS
html, body {
width: auto;
overflow: hidden;
}
.buttonBorder {
padding: 2px;
border: 3px solid white;
cursor: default;
}
.button {
padding: 4px;
font-size: 1em;
display:width:100%;
text-align: center;
border: 1px solid black;
cursor: default;
}
.button:hover {
background-color: #CCCCCC;
}
.status {
display: none;
padding: 4px;
font-size: 1em;
cursor: none;
}
}