This code snippet demonstrates a popup that is intended to appear to the right of the question mark link once it is clicked.
Check out the example here: https://jsfiddle.net/eur6ao3z/13/
Initially, the popup displays correctly on the first click. However, after trying a few more times, it consistently drops down to the next line. What could be causing this behavior?
Take note of the 'relative' positioning of the anchor tag and 'absolute' positioning of the popup span - theoretically, this setup should ensure that the popup always remains to the right. So, why isn't it working as expected?
.helpicon {
position: relative;
}
.helpbox {
background-color:#FFFFFF;
border:1px solid #999999;
cursor:default;
display:none;
margin-top: 5px;
position:absolute;
text-align:left;
width:394px;
z-index:50;
padding: 15px 15px 15px;
}