[GH-ISSUE #1363] [ntfy v2.12.0] [Web App] Longer JSON code blocks are truncated #963

New issue

Closed

opened 2026-05-07 00:29:09 +02:00 by BreizhHardware · 1 comment

BreizhHardware commented

2026-05-07 00:29:09 +02:00

Owner

Originally created by @v3DJG6GL on GitHub (Jun 3, 2025).
Original GitHub issue: https://github.com/binwiederhier/ntfy/issues/1363

🐞 Describe the bug
I just came across the latest changelog and found PR #1262

That's just what I miss for default (non-formatted) publishing:
I do have an OPNsense firewall which uses ntfy e-mail publishing feature.
The messages that are published are formatted as JSON. This is not ideal, but it is at least readable.
In ntfy for Android, the JSON code block is wrapped.

But in the web application, the lines are truncated. I always have to copy & paste the text into an editor to read the entire JSON content:

When I modify the css element containing the message and add:

.css-1bxi7qx {
  overflow-x: scroll;
}

I get a horizontal scrollbar that makes it easier to read the entire JSON content.
I suppose it would be rather easy to add this or a similar css value to the Web App code itself?

💻 Components impacted

ntfy server/ ntfyweb app v2.12.0

💡 Screenshots and/or logs

Without modified css:

With modified css:

🔮 Additional context

Originally created by @v3DJG6GL on GitHub (Jun 3, 2025). Original GitHub issue: https://github.com/binwiederhier/ntfy/issues/1363 :lady_beetle: **Describe the bug** I just came across the latest changelog and found PR #1262 That's just what I miss for default (non-formatted) publishing: I do have an OPNsense firewall which uses ntfy e-mail publishing feature. The messages that are published are formatted as JSON. This is not ideal, but it is at least readable. In ntfy for Android, the JSON code block is wrapped. But in the web application, the lines are truncated. I always have to copy & paste the text into an editor to read the entire JSON content: When I modify the css element containing the message and add: ``` .css-1bxi7qx { overflow-x: scroll; } ``` I get a horizontal scrollbar that makes it easier to read the entire JSON content. I suppose it would be rather easy to add this or a similar css value to the Web App code itself? :computer: **Components impacted** - ntfy server/ ntfyweb app v2.12.0 :bulb: **Screenshots and/or logs** - Without modified css: ![Image](https://github.com/user-attachments/assets/492f0d75-b16e-46dc-b2a8-aae25ce145e8) With modified css: ![Image](https://github.com/user-attachments/assets/b549e7df-8404-4c48-a92a-690e8e5feeb9) :crystal_ball: **Additional context** -

BreizhHardware

2026-05-07 00:29:09 +02:00

closed this issue
added the
🪲 bug
label

BreizhHardware commented

2026-05-07 00:29:10 +02:00

Author

Owner

@binwiederhier commented on GitHub (Feb 1, 2026):

Fixed in github.com/binwiederhier/ntfy@7207839b2a

Thanks

@binwiederhier commented on GitHub (Feb 1, 2026): Fixed in https://github.com/binwiederhier/ntfy/commit/7207839b2a5a6f7b2f012ed774781add4efcd1ff Thanks

BreizhHardware referenced this issue

2026-05-07 01:02:17 +02:00

[PR #963] [MERGED] Paste images from clipboard #1477