placeholder-fix | Fallback for browsers which do not support | Frontend Framework library

$('.cd-dropdown') in toggleNav method selects all the elements with class cd-dropdown not just the one you clicked on.

So your toggleNav method is toggling all dropdowns whenever called.

Solution:

you need to pass the reference to which dropdown needs to be handled to the toggleNav method

At the end of the day, if you have code running on a client machine, security is out of the window. You can play games to make it more difficult for the user to discover, but let's first agree that perfect security given your implied constraints is not possible.

Within you're implied constraints, however, I can offer a couple of suggestions. When the authentication modal is visible/demanding attention, you might:

• visibly blur the underlay; this just makes it look some degree of secure.

• actually replace the underlayed DOM with some version of gibberish; the key point being that to be "safe from prying eyes", you need to actually remove anything that might be pried. You can either wholesale remove the sensitive bits, or you can scramble it. Your choice for your context.

  • If you want to keep the data around, for uber-fast redisplay after the user successfully authenticates, consider locking the necessary content inside of a private/inaccessible variable. Note that this still isn't secure to a determined user, but it raises the bar quite a bit. For total and complete security, you will have to actually and totally remove all sensitive information from the client machine and force them to recollect data once authenticated.