bugs

Forum > Bugs > Weird Layout Issues When Logged Out
Reply To Thread (login)
Dragon Summoner [140]
2025-05-01 13:18:11 🔗
[60 days ago]

Not sure if this is just me, but I've noticed if I'm browsing the forum and there's emoji responses on posts, they appear misaligned and stuff, but only if I'm not logged in. At first I thought this was a browser thing, which it still may be, but I've added the these screenshots just for reference. It's mostly a visual bug, and I'm not sure how many people read the forums while logged out, but yeah. Only happens on FF while logged off, logged on and other browsers seem to work fine.

FireFox Logged Off - https://i.imgur.com/vfa3yag.png

FireFox Logged On - https://i.imgur.com/kqVOMJj.png

Chrome Logged Off - https://i.imgur.com/ypTLklE.png

Also here's an example of logged off on a post with more emoji, looking a bit more closely it seems like for whatever reason the right part of the rightmost emoji gets moved over, as shown here on the post with multiple emoji

https://i.imgur.com/vO9PEH9.png


 
Fishwick [135]
Moderator
2025-05-01 14:24:05 🔗
[60 days ago]

Could repeat this (logged out, on Firefox) so had a look myself and Ender I think you can fix this with

.bots4-emojiBar {
  white-space: nowrap;
}

 
Ender [1]
Administrator
2025-05-01 21:12:19 🔗
[60 days ago]

This should be fixed now, thanks for the report.

I very oddly could not reproduce this myself in Firefox. Maybe because I'm running Ubuntu? In any case, I found a website that let me spin up a VM running Firefox, through which I could reproduce the problem and verify the fix. Given my lack of ability to quickly iterate on fixes, this would have been a lot more annoying to solve without the assist, so thank you Fishwick!


 
Fishwick [135]
Moderator
2025-06-29 11:07:15 🔗
[35 hours ago]

As Gpof pointed out here, this seems to have returned (when logged out), but now repeatable in Chrome! Maybe to do with mobile scaling changes recently?

Logged in

Logged out


 
Fishwick [135]
Moderator
2025-06-29 11:09:32 🔗
[35 hours ago]

As he pointed out here*


 
Ender [1]
Administrator
2025-06-29 17:38:51 🔗
[28 hours ago]

Yeah, there does seem to be something up with that post...

Fish, one thing to note for you and me specifically when testing this is that our environments when logged in are slightly different because of the per-post mod tools. In my test environment, I'm only able to see the problem if I'm logged in using a non-admin/mod bot. I think when using an admin/mod bot, the mod tools adds some space at the bottom of the post that creates the expected room for the emoji bar.

So my observations are:

  • In prod, logged IN (as Ender) -> problem IS NOT present.
  • In prod, logged OUT -> problem IS present.
  • In dev, logged IN (as Ender) -> problem IS NOT present.
  • In dev, logged IN (as random bot) -> problem IS present.
  • In dev, logged OUT -> problem IS present.

You said "this seems to have returned (when logged out)", but your "Logged out" screenshot shows "problem IS NOT present". Is it possible you swapped the logged in/out links? If so, then our observations would align (assuming you were logged into your mod bot for your testing).

All that said, I do want to fix this bug, but there are obviously higher-priority things I should focus on instead. To that end, I'm going to crowdsource this problem to save time since it's some sort of CSS bug (i.e. something that can in theory be diagnosed and fixed by a player because you should have access to everything you need to fix it):

Anyone who solves the bug or provides evidence that points me in the right direction will receive a free star!


 
Fishwick [135]
Moderator
2025-06-29 18:07:17 🔗
[28 hours ago]

Ah yeah you're right I got my links messed up.

I think the thing that's causing it is I used a <ul> in that post, and then some normal text afterwards.

The text afterwards doesn't seem to get put inside a <p> tag like most text would.

On a normal post, as the last bit of text is inside the <p> tag, a margin gets added which forces the reactions down.

On the broken post, the text isn't inside any markup, so doesn't get any margin, and instead looks like this.

Might be less of a CSS issue, and more looking into why text after a <ul> doesn't get put into a <p>, I think it's probably trying to put the <ul> inside the <p> which is invalid HTML and probably goofing it a bit.

The modtools <div> probably acts as this margin, which is why we can't see it as mods.


 
Forum > Bugs > Weird Layout Issues When Logged Out
Reply To Thread (login)