MyBB Community Forums

Full Version: Modal gets stuck on bottom when clicked repeatedly
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Pages: 1 2
Hey, 
so I've discovered that when you click a lot on any button that opens a modal window (like log in, add reputation, etc.), the modal sometimes gets stuck on the bottom, and the close button replicates itself several times. I've attached a video of the issue here, as it's kind of hard to describe in words Big Grin

This issue happens on both the default theme, and custom themes, regardless of the MyBB version. (Tested on a clean install of 1.8.19, 1.8.20, 1.8.21)

Could someone please help?
Can you check and confirm if this fix works?
https://mybb.group/Thread-MyBB-Modal-Appearance-Fix
(2019-09-27, 08:24 PM)effone Wrote: [ -> ]Can you check and confirm if this fix works?
https://mybb.group/Thread-MyBB-Modal-Appearance-Fix
Nothing's changed as far as I can tell

Edit: Also confirmed on other themes, the issue stays the same
Update: Discovered another thing, with something that isn't the login popup, instead of there being just one at the bottom that sometimes can close, there are a bunch of unclosable modals. Don't know, if that will really help, but yeah. Big Grin
Again, the mentiomed fix works fine for exactly the same issue.
Worth a retry?
I'm very sorry if I'm doing something wrong, but the issue's still there. (video linked) I've also tested it with a completely default MyBB install, and nothing's changed as well. Also, I forgot to mention this in the original post, (sorry about that) but I'm running PHP 7.3.10 with MyBB 1.8.21, with the general.js and any other javascript that would presumably affect the issue untouched.
Hi,
I have the same issue of the quick login modal window appearing below the footer after an upgrade from 1.8.10 to 21. Near impossible to login this way, needs to go to portal welcome block. Very disturbing for users.

Using Revolution gamaing Theme
PHP v 7.2.18
MyBB v 1.8.21

Any clue? I have not applied the fix above as mTurtle failed.
Thanks
^ apply the suggested fix & check ..
Fix applied . Reset the cache.
No change.
Tkx for your support.
for the login modal issue & the other smileys popup issue
try adding below css style code at the bottom of global.css of active theme

(re-posted code content from the other thread)

/** 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 **/

hard refresh your forum's index & a showthread page a couple of times and check
Pages: 1 2