Android app wraps words and messes with the text formatting

Operating system

Android

Joplin version

1.14.3

Desktop version info

Joplin 2.14.17 (prod, win32)

Client ID: 884931afa1d8427cbd41fbf24fc27000
Sync Version: 3
Profile Version: 46
Keychain Supported: Yes

Revision: 094175c

ABC Sheet Music Plugin: 1.0.4
Backup: 1.4.0
CodeMirror Options: 1.1.0

What issue do you have?

I created a lyrics and chords note for a song on the desktop.* Chords are displayed correctly above the corresponding words on desktop and on android app when I turn the phone sideways horizontally. But in vertical orientation, text gets broken into separate rows.
How do I disable word wrapping on the android app?
*The text is inserted with monospace font that is enabled by moving text to the right by hitting TAB button.

Screenshots

What if you surround the entire thing in code block syntax?

So like this:

image

That way, it will force everything to be monospace unformatted. The way you're doing it now, it looks like the un-indented lines are being formatted differently, so wrapping it in the three-backticks codeblock format will make it all consistent.

Hi, thanks for replying. I did that but it made no difference unfortunately.

A few versions ago, code block wrapping was enabled by default on mobile.

It should be possible to override this for a single note by adding the following to the top of the note:

<style>
	pre code {
		white-space: pre;
		overflow-x: auto;
	}
</style>

That solves it, thank you!

1 Like