Skip to content

css: restore URL wrapping in pad editor (#7894)#7896

Open
JohnMcLear wants to merge 3 commits into
ether:developfrom
JohnMcLear:fix/url-wrapping-7894
Open

css: restore URL wrapping in pad editor (#7894)#7896
JohnMcLear wants to merge 3 commits into
ether:developfrom
JohnMcLear:fix/url-wrapping-7894

Conversation

@JohnMcLear
Copy link
Copy Markdown
Member

Long URLs in the pad editor overflow instead of wrapping because the global a { white-space: nowrap } rule in pad.css overrides the wrapping properties set on #innerdocbody. Add explicit white-space, word-wrap, and overflow-wrap to #innerdocbody a so URLs wrap inside the editor while preserving no-wrap behavior for links elsewhere in the UI.

Fixes #7894

Long URLs in the pad editor overflow instead of wrapping because the
global a { white-space: nowrap } rule in pad.css overrides the wrapping
properties set on #innerdocbody. Add explicit white-space, word-wrap,
and overflow-wrap to #innerdocbody a so URLs wrap inside the editor
while preserving no-wrap behavior for links elsewhere in the UI.

Fixes ether#7894
@qodo-code-review
Copy link
Copy Markdown

Qodo reviews are paused for this user.

Troubleshooting steps vary by plan Learn more →

On a Teams plan?
Reviews resume once this user has a paid seat and their Git account is linked in Qodo.
Link Git account →

Using GitHub Enterprise Server, GitLab Self-Managed, or Bitbucket Data Center?
These require an Enterprise plan - Contact us
Contact us →

@qodo-free-for-open-source-projects
Copy link
Copy Markdown

Review Summary by Qodo

Fix URL wrapping in pad editor

🐞 Bug fix

Grey Divider

Walkthroughs

Description
• Fix URL wrapping in pad editor by overriding global no-wrap rule
• Add explicit white-space, word-wrap, and overflow-wrap properties
• Preserve no-wrap behavior for links elsewhere in UI
Diagram
flowchart LR
  A["Global a rule<br/>white-space: nowrap"] -->|"overrides"| B["#innerdocbody a<br/>wrapping properties"]
  B -->|"Add explicit CSS"| C["#innerdocbody a<br/>white-space: normal<br/>word-wrap: break-word<br/>overflow-wrap: break-word"]
  C -->|"Result"| D["URLs wrap in editor<br/>No-wrap preserved elsewhere"]

Loading

Grey Divider

File Changes

1. src/static/css/iframe_editor.css 🐞 Bug fix +3/-0

Add URL wrapping CSS properties to editor links

• Add white-space: normal to #innerdocbody a selector
• Add word-wrap: break-word to enable word breaking
• Add overflow-wrap: break-word for cross-browser compatibility
• Override global a { white-space: nowrap } rule for editor links

src/static/css/iframe_editor.css


Grey Divider

Qodo Logo

@qodo-free-for-open-source-projects
Copy link
Copy Markdown

qodo-free-for-open-source-projects Bot commented Jun 4, 2026

Code Review by Qodo

🐞 Bugs (0) 📘 Rule violations (0) 📎 Requirement gaps (0)

Grey Divider

Great, no issues found!

Qodo reviewed your code and found no material issues that require review

Grey Divider

Qodo Logo

@JohnMcLear JohnMcLear requested a review from SamTV12345 June 4, 2026 15:22
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Wrapping behavior for long URLs?

1 participant