🧩 Two Minor UI Glitches I Came Across on DEV 🙂

🧩 Two Minor UI Glitches I Came Across on DEV

Hey folks 👋

As a front-end developer (and a regular DEV community reader), I love exploring different sections of the platform — not just for the content, but also to see how beautifully Forem has built this space for developers.

While browsing around recently, I noticed a couple of small UI inconsistencies that caught my eye. Nothing major, but I figured it’d be helpful to report them — both as part of the community and as someone who appreciates great UX. So, I opened GitHub issues on the Forem repository to share them with the team.

Here’s a quick overview of what I found 👇

🪟 1. Modal Overlaps Side Menu on Smaller Screens

Where it happens: On the Advertise page, when you open the “View Sponsorship Overview” modal.

First issue

🧠 What I noticed

When I triggered the modal on smaller screens (or mobile view in dev tools), the modal didn’t fully overlay the content. Instead, it overlapped awkwardly with the side navigation menu — rather than centering and blocking the background as modals typically should.

🧭 Steps to reproduce

1. Go to the Advertise section on DEV.
2. Click View Sponsorship Overview.
3. Switch to mobile view in dev tools.
4. You’ll notice the modal and sidebar overlap visually.

✅ Expected behavior

The modal should overlay all other content — including the sidebar — and remain centered on screen without any layout clipping or overlap.

💻 Environment

• OS: macOS Sequoia 15.6.1
• Browser: Chrome 141.0.7390.55

📹 Demo

💬 2. Likes Button & Tooltip Glitch After Replying to a Comment

Where it happens: On your own post, after replying to a comment.

second issue

🧠 What I noticed

When replying to a comment on my own post, the Likes button suddenly becomes semi-transparent (as if its opacity drops). Even more interestingly, the tooltip that says “Likes” gets rendered behind the new reply — so you can’t really see it until you refresh the page.

After a reload, everything looks completely normal again.

🧭 Steps to reproduce

1. Open your own post.
2. If needed, add a comment first.
3. Reply to that comment.
4. Observe that the Likes button becomes faded and its tooltip is hidden behind the reply section.
5. Refresh the page — and it’s all fixed!

✅ Expected behavior

The Like button should stay fully visible with its tooltip layered correctly above replies, even right after submitting a comment.

💻 Environment

• OS: macOS Sequoia 15.6.1
• Browser: Chrome 141.0.7390.108

💡 Possible cause

It might be related to how the DOM re-renders after posting a reply — maybe the styles or z-index values for that component aren’t being reset when the comment section updates dynamically.

🖼️ Screenshot

💚 Why I Reported These

I didn’t come across these while actively “bug hunting” — just while using the platform normally. Since I really value how much Forem and the DEV community focus on creating a smooth developer experience, I thought it was worth pointing out these small quirks.

Reporting issues like these is a great way to contribute back, even in small ways, and help the platform stay polished and accessible for everyone.

Kudos to the Forem team for maintaining such an awesome open-source community 🙌