Markup: Roman numerals problem on Ordered sub-list

Created on 2 Feb 2017  路  7Comments  路  Source: github/markup

on ordered sub-list, decimal numerals automatically turns into roman numerals. so, I can't use decimal numerals on ordered sub-list (inside a unordered list)

e.g

* number
  1. one
  2. two
  3. three

- number
  1. one
  2. two
  3. three

+ number
  1. one
  2. two
  3. three
  ```

* number
  1. one
  2. two
  3. three

- number
  1. one
  2. two
  3. three

+ number
  1. one
  2. two
  3. three

decimal numerals on ordered list is ok
```markdown
1. one
2. two
3. three
1. a mistake to check that it was a list
  1. one
  2. two
  3. three
  4. a mistake to check that it was a list

Most helpful comment

@shawnajean I have found the cause of problem. It is CSS

This is the expected way for nested ordered lists to render in HTML.

This is not expected in HTML. https://jsfiddle.net/tf5jtv8s

We don't make any modifications to the default HTML behavior.

ol ol,ul ol{list-style-type:lower-roman}

I don't know CSS but my understanding is that this is the cause of problem. I can get expected result by disabling CSS. (I am from my mobile so I can't use browser inspector)

All 7 comments

Hi there! This is the expected way for nested ordered lists to render in HTML. We don't make any modifications to the default HTML behavior.

I'm going to close this as we do not consider this a bug, but if you have more questions about our markdown rendering, please reach out to our support team.

@shawnajean I have found the cause of problem. It is CSS

This is the expected way for nested ordered lists to render in HTML.

This is not expected in HTML. https://jsfiddle.net/tf5jtv8s

We don't make any modifications to the default HTML behavior.

ol ol,ul ol{list-style-type:lower-roman}

I don't know CSS but my understanding is that this is the cause of problem. I can get expected result by disabling CSS. (I am from my mobile so I can't use browser inspector)

lel

We don't make any modifications to the default HTML behavior.

lol

Apparently it's the fault of Primer which is the CSS toolkit and guidelines that power GitHub; maintained by the GitHub Design Systems team.

Here is the offending source

I don't know why @shawnajean was so quick to close this because clearly there is "modifications to the default HTML behavior"

Hey @shawnajean just so you know for the future, an easy way to check this in Chrome is to right click the list item -> inspect element -> computed tab, where you'll be able to see all css properties that the stylesheet overrides.

Hi y'all. Please feel free to reach out to the support team via our contact form:

https://github.com/contact

This repository is specifically about the markup library & the CSS discussion here is specific to GitHub.com, not this repository or library.

Was this page helpful?
0 / 5 - 0 ratings