json-schema-org / json-schema-org/website
🐛 Bug: Tool detail modal title and description overlaps with close button on mobile
@Akshita-tech17 is already working on this.
Since Aug 31, 2026.
- Dominant language
- HTML
- Stars
- 169
- Forks
- 484
- Avg merge
- 2d 2h
- Merged PRs (30d)
- 6
Description
Describe the bug
On mobile and tablet viewports, if a tool has a long name or description, the text in the ToolingDetailModal overlaps and extends directly underneath the absolutely positioned Close button (X icon). This makes the text difficult to read and can obstruct clicks on the close button.
https://github.com/user-attachments/assets/10dc4941-b522-48ff-adbe-5b5b45c022c8
Steps To Reproduce
1.Navigate to the Tools page.
2.Click on any tool with a relatively long name or description to open its details modal.
3.Switch the viewport to a mobile width (e.g., iPhone/Pixel width) using browser developer tools.
4.Observe that the title and description text collides/overlaps with the close button in the top-right corner.
Expected Behavior
The title and description text should wrap and stay clear of the close button area, providing adequate breathing room and preventing overlapping.
Screenshots
Device Information [optional]
- OS:
- Browser:
- version:
Are you working on this issue?
Yes
Do you think this work might require an [Architectural Decision Record (ADR)]? (significant or noteworthy)
Yes
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Assessment
This issue has not been assessed yet.