Skip to content

Line wrapping not consistent with editor when line numbers are shown #715

@westonruter

Description

@westonruter

I discovered that when electing to show line numbers, line wrapping is not working correctly.

Given this Code block:

<!-- wp:code {"language":"plaintext"} -->
<pre class="wp-block-code"><code>Loremipsumdolorsitamet,consecteturadipiscingelit.Donecpretiummaximusmauris,nonfringillasapienhendreriteu.Curabiturvelodioidjustoblanditsodales.Suspendissepulvinarlectusligula,etegestasdiamblanditeu.Vestibulumvelduinonsemporttitorsodalesetacdiam.Etiamnondignissimorci.Vestibulumeuurnaauctor,malesuadaerosnec,hendreritlorem.Infaucibustinciduntnisl,acfringillaurna.Nullamnibharcu,fermentumsitametnisivel,faucibusinterdumex.Maurisvelnisiacfelisimperdietpulvinar.Maurisviverraimperdietjusto.Inhachabitasseplateadictumst.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec pretium maximus mauris, non fringilla sapien hendrerit eu. Curabitur vel odio id justo blandit sodales. Suspendisse pulvinar lectus ligula, et egestas diam blandit eu. Vestibulum vel dui non sem porttitor sodales et ac diam. Etiam non dignissim orci. Vestibulum eu urna auctor, malesuada eros nec, hendrerit lorem. In faucibus tincidunt nisl, ac fringilla urna. Nullam nibh arcu, fermentum sit amet nisi vel, faucibus interdum ex. Mauris vel nisi ac felis imperdiet pulvinar. Mauris viverra imperdiet justo. In hac habitasse platea dictumst.
</code></pre>
<!-- /wp:code -->
Wrap Line Numbers Editor Frontend
No No image image
No Yes image image
Yes No image image
Yes Yes image image

In particular, when both line wrapping and line numbers are enabled, a line of text that has no whitespace is no longer forcing breaks like it does in the editor.

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions