MyBB Community Forums

I also posted this in the Bugs section (someone else already started a thread on it so I just replied). However, considering that this issue has been around for us for a while (since I upgraded about a month ago), and I'm not seeing any other comments on this as an issue, I'd like to know if it's less minor than a bug.

Here is a video of what we're dealing with. Basically, if you click the button, it does nothing. So we can't get to our "get more" smilies page. The bug thread said their popup was coming up behind their editor, but I am not getting any indication that that is the case for us (there is nothing visible sticking out below or above the editor like in his screenshot).

https://www.screencast.com/t/nq3fvGWvn0E

Add this to the end of your global.css

/** Modal Start **/

.blocker {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    z-index: 9999;
    padding: 20px;
    box-sizing: border-box;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.75);
    text-align: center;
}

.blocker:before{
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.05em;
}

.blocker.behind {
    background-color: transparent;
}

.modal {
    width: 400px;
    text-align: left;
    background: #fff;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    z-index: 2;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 10px #000;
    -moz-box-shadow: 0 0 10px #000;
    -o-box-shadow: 0 0 10px #000;
    -ms-box-shadow: 0 0 10px #000;
    box-shadow: 0 0 10px #000;
}

.modal a.close-modal {
    position: absolute;
    top: -12.5px;
    right: -12.5px;
    display: block;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    background: url(images/close.png) no-repeat 0 0;
}

.modal-spinner {
    display: none;
    width: 64px;
    height: 64px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-right: -32px;
    margin-top: -32px;
    background: url(images/spinner_big.gif) no-repeat center center;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
}

/** Modal End **/ 

That did not fix it (do I need to refresh cache somewhere?). I am noting that clicking the link in Safari stops all scrolling functionality.

Console is not logging any errors in Safari.

Any editor page is starting out with an error that seems related to spellcheck in the textarea.

---

Correction! Cleared cache on browser, and now the popup is showing, but it IS behind the actual text area and spread across the width of the screen. Note the location of the X in the upper right corner, and also it still kills scrolling.

Thats not a button, but a link. 

The BBcode button with a smilie face does the same thing. Its the one one next to bullets button. Does that still work?

Yes, that button works fine (I didn't even see that button there, thank you!). It does NOT pop out into a model, that seems to be the difference.

---

I'm a derp, sorry! I didn't get all of the code out of the given code block. Fixed and working, thank you!!!