Arrow for Solution is misaligned

Hey guys, I noticed this bug when a Solution was marked. It appears for this topic only, if I am not wrong. The dropdown arrow is to low.
Picture:


Link:

I’m on mobile, btw.

I can repro this on IOS 16.6 on the discourse hub v1.8.10

3 Likes

Cannot reproduce on Chrome 115.0.5790.116, Android 13, Samsung Galaxy A23.

Regardless, this seems like something that should go on Meta to me.

2 Likes

I should mention that I am using an Android Samsung Galaxy phone.

1 Like

No it shouldnt. I cant speak for others but for me I only get it when Im using the Ask theme meaning its something wrong with the theme and not discourse

6 Likes

It must be such a small misalignment that I can’t seem to notice if it actually exists. Currently using Chrome/ChromeOS 115.0.5790.160

Edit: I was looking at the wrong thing, but I still cannot reproduce.

2 Likes

It appears only to be an issue on mobile

Odd. I cannot reproduce on my phone with any of the themes here.

4 Likes

Lets start a table of this to keep track of it.

User OS OS version Acessing (app, browser etc) Acessing Version Device Can reproduce
@not-ethan IOS 16.6 DIscourse Hub 1.8.10 Iphone 12
@Firepup650 Android 13 Google Chrome 115.0.5790.116 Samsung Galaxy A23
@NateDhaliwal Android 13 Mobile app 2.48.2 Samsung Galaxy
@bobastley Chrome OS 115.0.5790.160 Google Chrome 115.0.5790.160 HP Chromebook 11 G9
@CoderElijah Arch Linux Linux kernel 6.4.7-arch1-3 Firefox 116.0 Laptop
@RandomDreamWalker201 Microsoft Windows 10 Pro Google Chrome 115.0.5790.171 UM 690
@BananaPi Microsoft Windows 11 Microsoft Edge ? MSI Laptop
3 Likes

By resizing my browser window on my laptop (Firefox/Arch Linux) to a smaller dimmension, I can reproduce this issue.
image

2 Likes

I can as well using the dimensions of 414x814. Interesting.

3 Likes

I believe those were the approximate dimensions I was using.

1 Like

Interestingly, after changing theme to Discourse (Dark) and back, I had to use 362x814, as 414x814 no longer caused the issue.

5 Likes

Actually, never mind. I can reproduce this when fullscreen and zoomed in 400%. My device’s viewport is 1318 × 660.

4 Likes

It seems to just be an issue on smaller screens then. Interesting.

3 Likes

I tried using the device screen size emulator thing in MSEdge DevTools, and I clicked iPhone SE and I couldn’t repro

For me it only happens at 423-437 (the height doesn’t seem to change it) on a Windows laptop with Chrome devtools

For me now it’s any height below 439. (still using Responsive on Edge DevTools screen size emulator)

1 Like