MarkdownLivePreviewSyntax.sublime-settings::"word_wrap": true not functioning

[william-voyek]

I have added the "word_wrap":true setting to my syntax specific settings file but the preview is still not wrapping:

My settings file:

// These settings override both User and Default settings for the MarkdownLivePreviewSyntax syntax
{
    "show_tabs": true,
    "word_wrap": true
}

[wangray]

I have the same issue.

[bkarlson]

same, preview window not wrapping, a bit frustrating

[math2001]

Hum... Looked into it and it's a bit weird. Word wrap is on, it's just not wrapping properly.

Can you please do the following:

1. Open a preview window
2. click on the tab of the preview (if you press ctrl+p, it should open on the preview's pane)
3. Go into the View menu, and see if the Word Wrap option is enabled.

In my case, it is, but wrapping the Phantom (the preview thing) doesn't seem to take into account the minimap, and to wrap properly at all.

[bkarlson]

partial fix via custom css:

body {
    font-family: Verdana, "Open Sans", sans-serif;
    font-size: 13px;
    width:550px; /* adjust to your liking */
}

Links are still nor wrapped neither highlighted (will open a separate issue)

[bkarlson]

Sorry, @math2001 , just noticed your prompt response. Yes, word wrap is enabled for both windows, still no avail:

[math2001]

So, I guess that's Sublime's problem, with the Phantom. I'll look into it a bit more (I feel like images and pre tags might cause those bugs...)

[bkarlson]

Yes, you're right, it's overly wide images & unbroken lines within tt or code elements that cause whole document to become too wide.
Easy fix for img via custom css:

img {width:680px}

(distorts images, but still)
Yet no fix for code blocks, minihtml is way too limited in my view. See if you can come up with a better idea

[math2001]

Does it work? width isn't mentionned in the minihtml reference...

Did you try witdth: 100% and/or max-width: 100%?

[bkarlson]

Yep, tried 100%, seems like it interpreted as 100px 😬
See my current CSS below, at least it contains overall doc width within my panel width, but long lines in<tt> still remain unbroken and hang like hell, see below. Images are distorted, as height:auto is ignored, but at least I can see them w/o scrolling horizontally as width is fixed.

body {
    font-family: Verdana, "Open Sans", sans-serif;
    font-size: 13px;
   background-color:white;
   width: 680px;
}

html {
   background-color:white;
    --light-bg: color(var(--background) blend(#eee 85%));
    --very-light-bg: color(var(--background) blend(#eee 92%));
}

img {width:680px}

[mrpinghe]

Seeing the same bug. A bit more tweaking shows that if you put the full URL directly without any link text in the markdown file, it messes up the wrapping. So if you use markdown to shorten that URL when preview, i.e. [link text](your full URL) in markdown, the preview would be all wrapping correctly

Hope that is helping somebody

[seamusdemora]

I have the same issue. It seems this bug has been around for a while ( > 9 months now). The fact that it's not been fixed suggests the project has died... too bad - it's a good idea, but I just don't think this is a useful app if the preview doesn't wrap.

[ixjx]

+1 ,the same issue.
It seems the bug does not fixed up to now :(

[xiebruce]

+1, seems not fix yet?

[omaralamoudi]

+1. No fix yet?

[rafaelbeckel]

+1

[math2001]

I think I understand what the problem is: the image is too large, so it grows the preview. Otherwise, wrapping works.

So, this will be fixed with #48, so I'm closing this. (Feel free to re-open if you disagree)

[Ganthark]

I still have this issue, is the fix released in the version available on package control?

[Anesthesius]

I still have this issue, is the fix released in the version available on package control?

I also have this issue when code blocks extend beyond the margins of the preview. If I manually add enough line-breaks to the code block so it doesn't extend beyond the margins of the preview, wrap works correctly again.