Skip to content

Fix emoji spacing#97

Open
WeaselScience wants to merge 1 commit intosorenisanerd:masterfrom
WeaselScience:master
Open

Fix emoji spacing#97
WeaselScience wants to merge 1 commit intosorenisanerd:masterfrom
WeaselScience:master

Conversation

@WeaselScience
Copy link

@WeaselScience WeaselScience commented Oct 13, 2025

In newest versions of chrome, if emojis are present in the terminal, their width does not get computed properly, leading to character width sensitive applications to have inconsistent spacing.

Before fix:
image

After fix:
image

  • Added @xterm/addon-unicode11 dependency to package.json.
  • Updated SCSS imports in bootstrap.scss to use tilde (~) for proper path resolution.
  • Modified xterm.tsx to include Unicode11Addon and set active version to '11'.
  • Adjusted webpack.config.js to use path.resolve for includePaths in sass-loader options.

SCSS import and webpack changes are to fix Docker building.

The rest - for rendering emoji correctly.

Tested and working - GoTTY now correctly determines emoji character spacing.

- Added @xterm/addon-unicode11 dependency to package.json.
- Updated SCSS imports in bootstrap.scss to use tilde (~) for proper path resolution.
- Modified xterm.tsx to include Unicode11Addon and set active version to '11'.
- Adjusted webpack.config.js to use path.resolve for includePaths in sass-loader options.

SCSS import and webpack changes are to fix Docker building.

The rest - for rendering emoji correctly.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant