Markdown code blocks ignore tab width setting

[michaldudak]

While the Settings/Appearance/Tab size preference works great when viewing code, it seems to be ignored by the code rendered in Markdown blocks, i.e.:

function foo() {
	if (this.workedCorrectly()) {
		i.wouldntSeeTabSizeEqualTo(8);
	}
}

looks like

even though my Tab size preference is set to 4.

It would be even better if the markdown renderer took the root .editorconfig from the repo into consideration.

[adamburgess]

this should've been tested when they added tab size to settings :/ I would like this too.

for now, this custom css works for me:

html {
	tab-size: 4;
}

[lPadier]

This also seems to be the case for markdown blocks in .md files, as can be seen on the preact project README: as it uses the same implementation (highlight.js).

[adamburgess]

looks like someone was reading Rich Harris's twitter ;)

[BenjaminAster]

@dipree Please take a look at this!

[danawoodman]

For anyone not willing to wait for Github to get around to this, install a CSS customization extension (say "Custom CSS by Denis") and then just set html { tab-size: 2 } or whatever you want in the extension.

Will be applied globally and fix this till Github pushes a proper fix.

[NickStrupat]

Still not fixed in March 2023...

[ajtruckle]

I seem to have issues too with code blocks in my Discussions area. They show with 8 instead of 4.

[lionel-rowe]

Please fix this, I've literally never met anyone who prefers gigantic 8-char-wide tabs over 4-char or 2-char ones. TBH I don't know why they don't just change the default, other than that it's the browser default for some reason.