Docusaurus: Non-English Tutorial Section Images Render Markup

Created on 11 Jan 2020  路  6Comments  路  Source: facebook/docusaurus

馃悰 Bug Report

Images in the tutorial section of https://docusaurus.io display larger and with markup {.docImage} if viewed in any language other than English.

Have you read the Contributing Guidelines on issues?

Yes.

To Reproduce

(Write your steps here:)

  1. Navigate to https://docusaurus.io/docs/en/tutorial-setup
  2. Click "English" in the top navigation and switch to any non-English language
  3. When the page reloads images will be larger and there will be {.docImage} markup below the image

Expected behavior

When viewing the tutorial section in any non-English language there should be no {.docImage} markup below images and images should not change size.

Actual Behavior

When viewing the tutorial section in any non-English language there is {.docImage} markup below images and images change size.

Reproducible Demo

(a) what it looks like for English and should look like for any language
Screen Shot 2020-01-11 at 12 35 34 AM

(b) what it looks like for non-English
Screen Shot 2020-01-11 at 12 36 41 AM

bug intermediate help wanted v1

All 6 comments

Can I work on this?

@Tarektouati Of course, just assign it to yourself and provide updates here.

@Tarektouati go ahead

@yangshun Hey! I have been trying to reproduce the same bug as in the issue with multiple translations.
Sadly, I couldn't reproduce it, if not maybe it's the crowdin translated files could be buggy.
Thanks

I can reproduce it by going to https://docusaurus.io/docs/fr/tutorial-setup. Almost definitely a Crowdin issue.

Will not happen on v2 because MDX does not permit to add such things like {.docImage}

Was this page helpful?
0 / 5 - 0 ratings

Related issues

arifszn picture arifszn  路  24Comments

XavierNV picture XavierNV  路  24Comments

KoenCa picture KoenCa  路  25Comments

slorber picture slorber  路  23Comments

maximousblk picture maximousblk  路  23Comments