Horizontal Text Scrolling Issue with Live Preview

Steps to reproduce

  1. Disable Use legacy editor so you are in Live Preview mode.
  2. Copy and paste the following into a new file.
| <nobr>Column 001</nobr> | <nobr>Column 002</nobr> | <nobr>Column 003</nobr>                   | <nobr>Column 004</nobr>    |
| ----------------------- | ----------------------- | ----------------------------------------- | -------------------------- |
| [[Customer01]]          | [[InternalUser01]]      | AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA | ![[Customer01#2021-12-09]] |
| [[Customer02]]          | [[InternalUser02]]      | AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA | ![[Customer02#2021-12-09]] |
| [[Customer02]]          | [[InternalUser02]]      | AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA | ![[Customer02#2021-12-09]] |
| [[Customer03]]          | [[InternalUser03]]      | AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA | ![[Customer03#2021-12-09]] |
| [[Customer04]]          | [[InternalUser03]]      | AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA | ![[Customer04#2021-12-09]] |
| [[Customer05]]          | [[InternalUser03]]      | AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA | ![[Customer05#2021-12-09]] |
| [[Customer06]]          | [[InternalUser03]]      | AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA | ![[Customer06#2021-12-09]] |
| [[Customer07]]          | [[InternalUser03]]      | AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA | ![[Customer07#2021-12-09]] |
| [[Customer08]]          | [[InternalUser03]]      | AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA | ![[Customer08#2021-12-09]] |
| [[Customer09]]          | [[InternalUser03]]      | AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA | ![[Customer09#2021-12-09]] |
| [[Customer10]]          | [[InternalUser03]]      | AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA | ![[Customer10#2021-12-09]] |
| [[Customer11]]          | [[InternalUser03]]      | AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA | ![[Customer11#2021-12-09]] |
| [[Customer12]]          | [[InternalUser03]]      | AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA | ![[Customer12#2021-12-09]] |

Expected result

You should be able to scroll left to right to view the text that extends beyond the screen.

Actual result

The view seems to be “cut” at the point beyond where it scrolls off the screen. You can click on the screen so the cursor is near the right edge, hold down the right arrow, and it will not display any data beyond what was originally displayed.

Enabling Use legacy editor corrects the issue, i.e. you are able to scroll horizontally as expected.

Environment

  • Operating system: macOS 11.6.1
  • Obsidian version: v0.13.10

Additional information

Behavior when Use legacy editor is disabled (unexpected):
2021-12-15_17-15-35

Behavior when Use legacy editor is enabled (expected):
2021-12-15_17-21-40

does it happen in the help vault with livepreview enabled?

It’s basically the same behavior. This is the help vault with default options.

Legacy (correct):

Live Preview (incorrect):

No video this time, but you can see the cursor way to the right in Live Preview with nothing there. Let me know if you have any more questions. The scrollbar exists in legacy mode as expected.

I just upgraded to v0.13.12 and it appears to be fixed. Live Preview behaves as expected. Thanks much!

This topic was automatically closed 24 hours after the last reply. New replies are no longer allowed.