Inconsistent rendering for line wrapped code

Testing version: Version 1.0 (1648)

What were you doing: Typing a long sentence with two long code sections.

What feature did you use: Code

What happened: Rendering that looked off

What did you expect to happen: Rendering that looked better, or more distinctive. Not too sure what that exactly looks like

Hi all, loving the product so far. I noticed some inconsistent rendering for line wrapped code in Panda. It seems both better and worse than Bear. Here’s three cases I identified:

Case 1: You have two code sections. Word wrapping happens partway through the second code section.

Screen Shot 2021-03-17 at 3.31.10 PM

Case 2: You have two code sections. Word wrapping happens exactly when the first code section stops.

Screen Shot 2021-03-17 at 3.32.14 PM

Case 3: You have two code sections. Word wrapping happens partway through the first code section, and then again partway through the second code section

Screen Shot 2021-03-17 at 3.32.47 PM

Case 1 is visually the most jarring to me. First, the indent difference is oddly spaced. It doesn’t seem to relate to a mono-spaced character. Second, there’s conflicting cues on whether the two code sections are separate. On one hand, the indent differs between line 1 and line 2, which implies different code sections. On the other hand, there’s no border between the two code blocks, which implies the same code sections. This is in contrast with Panda, where there is no indent difference, and there is a clear border:

Screen Shot 2021-03-17 at 3.43.36 PM

Case 2 and Case 3 look visually better, since the indent is aligned on all lines, but there’s still no clear border delineating the code sections.

Hi, yes this is odd. We’ll see what we can do to improve the alignment in this scenario.

Thanks for reporting this issue.