Unread notification breaks code (AWESOMEBB)

Hello there.

Recently I started my playground on AwesomeBB and I decided to move user panel and notification panels from sides to small divs. I've got overall look of those already done, which was intended to look like that: https://i.imgur.com/OKFa00m.png

Notification panel was intended to look similiar, but i couldn't start code it because of the problem. Just because I needed something as a base for my code in notification panel, I decided to add a post as guest in one of followed topics. And the problem happened. When I got the notification and opened inspector to check the code, forum slowly became heavy, like, it wouldn't respond after few seconds and even caused a tab crash, both in opera and chrome. I decided to download the site to check what was the culprit and I noticed this:
https://i.imgur.com/za6HpZ7.png
It seems that for no apparent reason, notification number started to generate but with no visible end. Like it was on loop. When I had no appearance code on, I saw mass number of "1" in the frame.
The code looks like:

Code:

        <div class="HandUserMenu"><div class="HUMM">
          <div id="main-user-menu" class="QuickMenu"></div>
         
<div class="HUMMvert"><a href="{U_SEARCH_NEW}" title="{L_SEARCH_NEW}" class="HUMa"><span class="ra ra-clover"></span></a>
<a href="{U_SEARCH_SELF}" title="{L_SEARCH_SELF}" class="HUMa"><span class="ra ra-crystal-ball"></span></a>
<a href="{U_SEARCH_UNANSWERED}" title="{L_SEARCH_UNANSWERED}" class="HUMa"><span class="ra ra-emerald"></span></a>
<a href="{U_MARK_READ}" accesskey="m" title="{L_MARK_FORUMS_READ}" class="HUMa"><span class="ra ra-omega"></span></a></div>   
          </div>
        </div>

The main-user-menu id is taken from default template.

My forum is accesible via https://insomnian-sodu.forumpolish.com (I disabled base CSS to create new).
I also created account for admins to check how does this look like.

Spoiler:

The problem in code I'm describing happens in a panel with key icon called "Panel Użytkownika", the code around "Powiadomienia". I added the topic to watched and posted a message from another account so the problem will be visible.

Is there any chance to repair this? Because I would love to continue creating my forum but if this bug persists, I would need to resign from this idea.

Bump

Bump. Any ideas?

Really not sure sorry.

@Ariyamna hello,

This is happening to the Forumotion Notifications bar? If yes, do you have any active Javascript regarding the toolbar?

Regards,
TC.

Hey,

I restored default template to check if toolbar works and yes, it works. There's no code regarding new notification recreating itself to the infinity and beyond. It happens only on my edited code. I turned off my css (forced basic) and reverted template to original and nothing happens. The 1 is there and doesn't replicate. On my code (with basic css on) it looks like:

It just replicates and can't stop, freezing whole browser.

I don't have any JS codes about toolbar except one that renames menu titles (even though i disabled it, the problem persists).

Edit: I checked original JS for notification number, but I have totally no idea why my code responds to it like that. I also found that i was missing one closing div, but this didn't help with anything.

Where exactly did you add the code in the first post?

I placed it in overall_header, as part of my edited menu/toolbar, in <header> tag. I'll post all of it below, including the fragment i posted in first post.

Code:

  <header>
   
    <a href="#top" id="QNAV"><span class="lnr lnr-chevron-up" alt="Go to top"></span></a>
   
    <div class="MGENnavbar">
      <a href="/" title="Strona główna" class="MGENa"><span class="ra ra-campfire"></span></a>
      <a href="/memberlist" title="Postacie" class="MGENa"><span class="ra ra-fedora"></span></a>
      <a href="/groups" title="Grupy" class="MGENa"><span class="ra ra-castle-emblem"></span></a>
      <!-- BEGIN switch_user_logged_in -->
     
      <a href="/profile?mode=editprofile" title="Powiadomienia" class="MGENa"><span class="ra ra-scroll-unfurled"></span></a>
      <a href="/privmsg?folder=inbox" title="Poczta" class="MGENa"><span class="ra ra-quill-ink"></span></a>
    <input type="checkbox" name="UMenu" id="UMENot" class="umput"><label id="UMENot" for="UMENot" class="TTip" title="Powiadomienia"><span class="umenu ra ra-scroll-unfurled"></span></label>
    <input type="checkbox" name="UMenu" id="UMEN" class="umput"><label id="UMEN" for="UMEN" class="TTip" title="Panel Użytkownika"><span class="umenu ra ra-key"></span></label>

     
<script>$('input.umput').on('change', function() {
    $('input.umput').not(this).prop('checked', false); 
});</script>       
     
<div class="NotifUserMenu"><div class="HUMM">
TUTAJ BĘDĄ NOTIFY JAK JE NAPRAWIĘ
  </div></div>
     
        <div class="HandUserMenu"><div class="HUMM">
          <div id="main-user-menu" class="QuickMenu"></div>
         
<div class="HUMMvert"><a href="{U_SEARCH_NEW}" title="{L_SEARCH_NEW}" class="HUMa"><span class="ra ra-clover"></span></a>
<a href="{U_SEARCH_SELF}" title="{L_SEARCH_SELF}" class="HUMa"><span class="ra ra-crystal-ball"></span></a>
<a href="{U_SEARCH_UNANSWERED}" title="{L_SEARCH_UNANSWERED}" class="HUMa"><span class="ra ra-emerald"></span></a>
<a href="{U_MARK_READ}" accesskey="m" title="{L_MARK_FORUMS_READ}" class="HUMa"><span class="ra ra-omega"></span></a></div>   
          </div>
        </div>
       
        <!-- END switch_user_logged_in -->
        <!-- BEGIN switch_user_logged_out -->
        <a href="/login" title="Zaloguj" class="MGENa"><span class="umenu ra ra-key"></span></a>
        <a href="/register" title="Zarejestruj" class="MGENa"><span class="umenu ra ra-quill-ink"></span></a>
        <!-- END switch_user_logged_out -->
       
      </div></div>
<a href="#bottom" id="QNAV"><span class="lnr lnr-chevron-down" alt="Go to bottom"></span></a>
     
</header>

Edit: I changed header to div, this didn't resolve anything.

Sorry but you seem to have really heavy codes in your forum. It takes too long to load and this may cause future problems. As for the notifications, i cannot seem to find them anywhere. It's way too dark and i cannot see where they are. Could you help us by showing us where to look?

Regards.

Like I said in first post, this notification panel is accessible on left side of forum, with key icon titled as "Panel Użytkownika". In order to log in, you need to click on 2nd to the last icon, which is a key too. I made background grey so forums should be more accessible (even though, colors are still not final).

But anyway, I'm gonna redo the code from scrap and I'll keep you updated if it works or not.

That site took me a while to load, sometime stuck at loading screen and I couldn't do anything

Please take a look here to see what you should do