The site bar at the top of the ui (the bit with D&D Beyond on the far left, then a search bar to the right, and so on, with your username on the far right) is acting buggy: in Firefox 101.0.1, it works completely fine in both my user profile and here on the forum, but on this character page, the entire bar acts like the profile link at the top of the drop-down list when you hover over your username. Character page: https://www.dndbeyond.com/characters/50305267
This bug has many strange properties, like why clicking activates the profile link when it doesn't do anything on other pages - you have to mouse-down to the list item. Here's what I discovered when I dove into the html:
First of all, despite appearances, the entire structure of the site bar is, for no apparent reason, completely different on the character page from my profile page. The html on my profile page matches that of the forum, which is consistent with the buggy behaviour. I'm going to refer to the two distinct site bars as profile bar (this is the bar on the user profile and the forum) and character bar (this is the bar on the character page).
There's a faint vertical line to the left of the stylized B to the left of your username. Everything to the right of it is a div containing a div and a ul. This is true on both bars. The two divs have distinct classes from each other, but also the two different bars use different divs for each, so I'm going to call them the outer div and the inner div so I can sanely discuss them across both bars.
For discussing the bars specifically, here they are using CSS selectors:
First bug: div.user-details__preview and div.user-interactions-profile-preview have radically distinct CSS, giving them both different sizes (the former is the full height of its outer div and the latter is only as tall as it needs to be, because the former has height:100% for no apparent reason) and, much more importantly, completely different displays. The buggy div, user-details__preview, has display:flex, but the working div does not. This is 100% relevant because it's the reason the buggy behaviour I'm seeing extends above and below my username - for reasons I will get into below, the problem infects the entire div, so the div extending needlessly above and below my username makes the problem worse.
Now, the contents of that inner div are, again, radically different in practice, so let's talk about that. Here's how that drop-down works on each site-bar:
The one that works properly, Profile, is shaped like this:
div.user-interactions-profile
div.user-interactions-profile-preview
The stylized B, which is an img.
Because this working div isn't flex, there's a bit of whitespace here, which is neither here nor there.
A span containing the username. This doesn't do anything special whatsoever, it's just text.
An anchor - in fact, a link to your profile. This is not the link you click on - that's down in the ul below. This does absolutely nothing other than make the page load slightly slower due to bloat, as the anchor has display:none set on it. This is why clicking on your username does nothing. If it didn't have display:none it would infect the entire div and the div would act like a profile link.
ul.user-interactions-profile-menu <-- this ul holds the profile menu; it is always present, but at a z-index of -1, so you don't see it. When you hover your mouse over the parent div, the z-index css changes via the hover pseudo-class, so the menu appears.
A bunch of list items, the topmost of which is a link to your profile.
Now, the broken one, Character:
div.user-details
div.user-details__preview (reminder, this is flex and height:100%, which is part of the problem)
The stylized B, which is an img.
This div is flex, so there's no whitespace here.
A span containing the username. This doesn't do anything special whatsoever, it's just text.
A spurious link to the user profile which does not have its display set to none. I've outlined why this is the entire height of the site bar rather than just the height of the username. Getting into why it's the entire width of the site-bar probably isn't material here.
ul.user-details__menu--hidden, which works similarly to how the Profile ul does, only completely differently: instead of modifying the z-index up and down, hovering over the parent div toggles display:none on and off via javascript. This is radically inferior to a CSS-based solution for a variety of reasons, including how poorly javascript-based solutions will handle unexpected browser changes like a screen-reader.
A bunch of list items, the topmost of which is a link to your profile.
It's up to you how much you want to commit to fixing this. Here's a to-do list in increasing order of complexity:
The character profile link anchor in each inner div should not be present. It's not functional, so get rid of it. Literally just delete the whole tag.
It's inexcusable to code the same site-bar two different ways. DRY. Code the site-bar once so any changes you make to it propagate everywhere, and make sure you make it the right way.
That one right way involves using pure CSS for your drop-down menu, not clunky javascript that will introduce more problems than it solves. It also involves not having the inner div be bigger than it needs to be.
The site bar at the top of the ui (the bit with D&D Beyond on the far left, then a search bar to the right, and so on, with your username on the far right) is acting buggy: in Firefox 101.0.1, it works completely fine in both my user profile and here on the forum, but on this character page, the entire bar acts like the profile link at the top of the drop-down list when you hover over your username. Character page: https://www.dndbeyond.com/characters/50305267
This bug has many strange properties, like why clicking activates the profile link when it doesn't do anything on other pages - you have to mouse-down to the list item. Here's what I discovered when I dove into the html:
It's up to you how much you want to commit to fixing this. Here's a to-do list in increasing order of complexity:
Without getting as detailed as the above post, the logo link in the nav bar is broken when browsing anything in the collections tab.