Jump to the post that solved this thread.
Solved: 1 Year, 6 Months, 1 Week ago Modal gets stuck on bottom when clicked repeatedly
#1
Solved: 1 Year, 6 Months, 1 Week ago
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?
Reply
#2
Solved: 1 Year, 6 Months, 1 Week ago
Can you check and confirm if this fix works?
https://mybb.group/Thread-MyBB-Modal-Appearance-Fix
Reply
#3
Solved: 1 Year, 6 Months, 1 Week ago
(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
Reply
#4
Solved: 1 Year, 6 Months, 1 Week ago
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
Reply
#5
Solved: 1 Year, 6 Months, 1 Week ago
Again, the mentiomed fix works fine for exactly the same issue.
Worth a retry?
Reply
#6
Solved: 1 Year, 6 Months, 1 Week ago
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.
Reply
#7
Solved: 1 Year, 6 Months, 1 Week ago
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
Reply
#8
Solved: 1 Year, 6 Months, 1 Week ago
^ apply the suggested fix & check ..
Reply
#9
Solved: 1 Year, 6 Months, 1 Week ago
Fix applied . Reset the cache.
No change.
Tkx for your support.
Reply
#10
Solved: 1 Year, 6 Months, 1 Week ago
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
Reply
Jump to the post that solved this thread.


Forum Jump:


Users browsing this thread: 1 Guest(s)