MyBB Community Forums
Modal gets stuck on bottom when clicked repeatedly - Printable Version

+- MyBB Community Forums (https://community.mybb.com)
+-- Forum: 1.8 Support (https://community.mybb.com/forum-175.html)
+--- Forum: General Support (https://community.mybb.com/forum-176.html)
+--- Thread: Modal gets stuck on bottom when clicked repeatedly (/thread-224798.html)

Pages: 1 2


Modal gets stuck on bottom when clicked repeatedly - User 129272 - 2019-09-27

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?


RE: Modal gets stuck on bottom when clicked repeatedly - effone - 2019-09-27

Can you check and confirm if this fix works?
https://mybb.group/Thread-MyBB-Modal-Appearance-Fix


RE: Modal gets stuck on bottom when clicked repeatedly - User 129272 - 2019-09-27

(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


RE: Modal gets stuck on bottom when clicked repeatedly - User 129272 - 2019-10-15

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


RE: Modal gets stuck on bottom when clicked repeatedly - effone - 2019-10-16

Again, the mentiomed fix works fine for exactly the same issue.
Worth a retry?


RE: Modal gets stuck on bottom when clicked repeatedly - User 129272 - 2019-10-16

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.


RE: Modal gets stuck on bottom when clicked repeatedly - papa2fois - 2020-01-08

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


RE: Modal gets stuck on bottom when clicked repeatedly - .m. - 2020-01-08

^ apply the suggested fix & check ..


RE: Modal gets stuck on bottom when clicked repeatedly - papa2fois - 2020-01-08

Fix applied . Reset the cache.
No change.
Tkx for your support.


RE: Modal gets stuck on bottom when clicked repeatedly - .m. - 2020-01-08

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