Dropdowns dissapearing error

[postituvi]

Hi!
In both versions (html & WP) of Ezy there is an error when using logging in via header menu dropdown (https://www.okler.net/ezy/wordpress/shop-1/cart/). As the username is usually stored by browser then when I choose what username to use (the select from browser), the sign in dropdown will simply dissapear.
The same problem is in both Chrome and Edge browsers.
How to keep it in “open” (in both Ezy HTML and WP version) class during browser autocomplete function?
Best regards!

---

[Support]

Hello, thanks for your purchase.

First sorry for this issue. We will fix in a future version of the theme!

For now to fix, please add the given JS code below at WP Admin > EZY Theme > Theme Options > Layout > Custom JS:

jQuery('.dropdown-mega-signin input').off('blur')

Make sure to clear the website cache if you have Cache or Fast Velocity Minify plugin activated.

Make sure to clear the browser cache to see the new changes.

Please try that and let us know if you need further assistance.

Kind Regards,

Rodrigo.

---

If you are satisfied with EZY HTML and our support, please leave your comment and rating on ThemeForest downloads page. That helps us a lot: https://themeforest.net/downloads

---

[postituvi]

Hi!
Thank you for your reply. In WordPress version, it worked.
In html version, it didn’t.

In html page, I have a page similar to this https://www.okler.net/previews/ezy/2.1.0/multi-purpose-1.html, but inside <nav class="collapse"> i have following element that should work similar to WordPress template login (code below). How could i fix that bug in html version there?

<li class="dropdown dropdown-mega dropdown-mega-signin signin ml-lg-3 header-login">
	<a class="dropdown-item" href="#">Log In</a>
	<ul class="dropdown-menu">
		<li>
			<div class="dropdown-mega-content">
				<div class="row">
					<div class="col">

						<div class="collapse multi-collapse show" id="collapsesi">
							<span class="top-sub-title text-color-light-3">MEMBERSHIP</span>
							<h2 class="font-weight-bold text-4 mb-4">Log In</h2>

							<form action="/login/verify.php" method="post">
								<div class="form-row">
									<div class="form-group col mb-2 mt-4">
										<input type="email" value="" maxlength="50" class="form-control rounded-0 bg-light-5 border-0 py-2 px-3 text-1" name="email" id="signInEmail" placeholder="Email" required>
									</div>
								</div>
								<div class="form-row">
									<div class="form-group col">
										<input type="password" value="" class="form-control rounded-0 bg-light-5 border-0 py-2 px-3 text-1" name="password" id="signInPassword" placeholder="Password" required>
									</div>
								</div>
								<div class="form-row">
									<div class="form-group col d-none">
										<div class="form-check checkbox-custom checkbox-default">
											<input class="form-check-input" type="checkbox" id="signInRemember">
											<label class="form-check-label" for="signInRemember">
												Remember me
											</label>
										</div>
									</div>
									<div class="form-group col"><!--text-right-->
										<a href="#collapserec" class="forgot-pw text-color-primary d-block" data-toggle="collapse" data-target=".multi-collapse" aria-expanded="false" aria-controls="collapserec collapsesi">Forgot Password?</a>
									</div>
								</div>
								<div class="row align-items-center">
									<div class="col text-right" ><!--text-right-->
										<button type="submit" class="btn btn-primary btn-rounded btn-v-3 btn-h-3 text-color-light font-weight-bold"><span style="white-space: nowrap;">LOG IN</span></button>
									</div>
								</div>
							</form>
						</div>

						<div class="collapse multi-collapse" id="collapserec">
							<span class="top-sub-title text-color-light-3">MEMBERSHIP</span>
							<h2 class="font-weight-bold text-4 mb-4">Reset My Password</h2>

							<form action="/login/pswlost.php" id="frmResetPassword" method="post">
								<div class="form-row mb-4">
									<div class="form-group col mb-2">
										<input type="email" value="" maxlength="100" class="form-control rounded-0 bg-light-5 border-0 py-2 px-3 text-1" name="email" id="resetPasswordEmail" placeholder="Email" required>
									</div>
								</div>
								<div class="row align-items-center">
									<div class="col">
										<a href="#collapsesi" class="text-color-primary pl-0" data-toggle="collapse" data-target=".multi-collapse" aria-expanded="false" aria-controls="collapserec collapsesi">Have a Account?</a>
									</div>
									<div class="col text-right">
										<button type="submit" class="btn btn-primary btn-rounded btn-v-3 btn-h-3 text-color-light font-weight-bold">Submit</button>
									</div>
								</div>
							</form>
						</div>

					</div>
				</div>
			</div>
		</li>
	</ul>
</li>

---

[Support]

Hello,

Oh right!

Great the issue is resolved in the WP version.

For the HTML, please try with the given code below at (js/custom.js):

$('.dropdown-mega-signin > .dropdown-menu').on('click', function(){
	$(this).parent().addClass('open');
});

$(document).on('mouseup', function(e){
	if (!$('.dropdown-mega-signin').is(e.target) && $('.dropdown-mega-signin').has(e.target).length === 0) {
		$('.dropdown-mega-signin').removeClass('open');
	}
});

Please try that and let us know if you need further assistance.

Kind Regards,

Rodrigo.

---

If you are satisfied with EZY HTML and our support, please leave your comment and rating on ThemeForest downloads page. That helps us a lot: https://themeforest.net/downloads

---

[postituvi]

Hi!
It worked also. Thank you!!
Best regards!

---

[Author]

Posts