Automattic / Automattic/simplenote-electron

Words are breaking on Markdown tables with short text columns

Open
#2,840 0 comments 0 reactions 0 assignees View on GitHub
bug
Dominant language
TypeScript
Stars
5.3k
Forks
588
Avg merge
9h 45m
Merged PRs (30d)
4

Description

Markdown tables with shorter columns are being affected by word breaking which distorts the content.

I'm using the following table as an example:

```
First Header | Second Header
------------ | -------------
Short text | Content from cell 2 Content from cell 2 Content from cell 2 Content from cell 2 Content from cell 2 Content from cell 2 Content from cell 2
Short text | Content in the second column Content in the second column Content in the second column Content in the second column Content in the second column Content in the second column
```

### Expected
To not see words breaking which would increase table readability.

There are a [few workarounds available](https://stackoverflow.com/a/44555965) including adding multiple` ` to the narrow columns but definitely not ideal.

### Observed

MacOS | Electron
------------ | -------------
Captura de Tela 2021-04-12 às 12 38 12 | Captura de Tela 2021-04-12 às 12 37 12

### Reproduced

1. Create a new note
2. Paste the table above
3. See the issue

### Where did you see the bug
- System Make: MacOS Catalina 10.15.7
- Browser (if applicable): Chrome 89.0.4389.114
- User report: 3896535-zen

Contributor guide

Open the contributing guide

Research direction

No source file or test is named. Start by reproducing the table in a new note on the Electron app, then trace the Markdown table rendering and word-breaking behavior. Done means short-text columns no longer break words or distort readability while longer cell content still wraps appropriately.

Written by the indexing model from the issue text.

Assessment

Tech stack
electron, typescript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.