Black Lives Matter. Please consider donating to Black Girls Code today.

Markdown component does not process table tag

Hi,

I just found that the Markdown component is not able to convert my table syntax into a table. I have the following text :

Replace barbarbar with —

| LOGO | [ Banner ] |
|barbarbar |barbarbar |
| ic. HOME | |
| ic. PageTitle1 | UI List Display |
| ic. PageTitle2 | |
| … | |
| … | |

And on the page is display as one line of text as :

| LOGO | [ Banner ] | |— |— | | ic. HOME | | | ic. PageTitle1 | UI List Display | | ic. PageTitle2 | | | … | | | … | |

Also there is extra breakline in each list display. I have following in the Markdown text:

  • dashkit_page_title=“page_title”

Screenshot%20from%202018-05-25%2019-10-14

This might be a bug? My installed dash-core-components version is 0.21.0rc1

I am using markdown listing without problems with dashes:

dcc.Markdown("\
The list:

  - item1
  - item2")

image

dash-core-components 0.23.0 but never had problems with that in previous versions.

The way I read text is by reading README.md directly…

markdown_text = ""
with open('README.md') as f:
    markdown_text = f.read()
f.closed

I found that the ul setting in the CSS https://codepen.io/chriddyp/pen/bWLwgP.css cause the bullets to have a break-line afterward. So that I just overwrite that part of CSS with

.container ul {
list-style: disc
}