First, you have a typo in your two horizontal files. The line below has an extra ">" character. Simple fix.
<input id="sclogin-remember" type="hidden" name="remember" class="inputbox" value="yes"> title="Remember Me" />
But beyond that - when I use the modal login, I have some really weird formatting issues, including the close "X" being a few pixels off in its hot zone and clicking outside the modal, which should close it, not working.
My first guess is bootstrap, but that's just a guess. I'm using a RocketTheme template, which brings in Bootstrap. Any chance it's using a version your code doesn't like?
Take a look - the site is in development now, so nothing can be broken. www.nerdsmart.com ... note the login link on the right side roll. Clicking it brings up the rather poorly-formatted modal.
Any chance I could see the code and CSS for YOUR modal login screen? I'd love to copy it as a starting point. Regardless, I'm unsure where to start trying to debug this.
Yes. The failure of your jQuery to fire borked everything. But being a conflict (jQuery is the poster child for conflicts), making the other component de-conflict, which is an option in its configuration, solved it. Sure, I'm loading jQuery twice now, but that's acceptable to me for now.
With Joomla 4, I suspect all components will harmonize on a version. I can wait.
Thanks for following up with the details. Always good to understand the solution.
As for Joomla 4, yes, we're hopeful that a harmonization occurs. We are specifically going that route by using Joomla's built-in JQuery instead of including our own (which we've done for almost a decade). If too many conflicts arise, we'll move back to including our own.. but it's an ugly solution that we'd prefer not to pursue again.
JFBConnect v9 already implements this method of using Joomla's built-in JQuery, either for the older version in Joomla 3 or the newer version in Joomla 4. We're keeping our fingers crossed.. but that's also part of the reason we released JFBC v9 in a beta state.