Open ccwalburn opened 1 year ago
If you add HTML with a Custom HTML block to display an ordered list using something other than numbers, it still displays only numbers.
Isolating the problem (mark completed items with an [x]):
Steps to reproduce the behavior:
<ol> <li>Coffee</li> <li>Tea <ol type='a'> <li>Black tea</li> <li>Green tea</li> </ol> </li> <li>Milk</li> </ol>
If applicable, add screenshots to help explain your problem.
HTML VIew of block:
Preview of block:
I expected to see "a" and "b" for the list items with the type= "a" declaration
This is how it looks in a different theme (Twenty Twenty)
Use the CSS list-style-type: lower-alpha; rule instead like this:
list-style-type: lower-alpha;
<ol> <li>Coffee</li> <li>Tea <ol style="list-style-type: lower-alpha;"> <li>Black tea</li> <li>Green tea</li> </ol> </li> <li>Milk</li> </ol>
Please provide as much detail as possible about your testing environment.
Please provide relevant details of your WordPress setup and server environment. WP.com AT site
I chatted with @ccwalburn about this and I can reproduce this issue on my test site.
Storefront:
Twenty Twenty Two:
Can confirm that the style="list-style-type: lower-alpha;" workaround works in the meantime.
style="list-style-type: lower-alpha;"
Describe the bug
If you add HTML with a Custom HTML block to display an ordered list using something other than numbers, it still displays only numbers.
Isolating the problem (mark completed items with an [x]):
To Reproduce
Steps to reproduce the behavior:
Screenshots
If applicable, add screenshots to help explain your problem.
HTML VIew of block:![HTML view](https://user-images.githubusercontent.com/32983813/196058050-da28bea8-8cee-4de7-bc39-0a56cfe7fdab.png)
Preview of block:![HTML Preview](https://user-images.githubusercontent.com/32983813/196058053-e58be268-8f09-496e-93d0-da5f7aa8daf2.png)
Expected behavior
I expected to see "a" and "b" for the list items with the type= "a" declaration
This is how it looks in a different theme (Twenty Twenty)![Preview 2020](https://user-images.githubusercontent.com/32983813/196058157-ad17198a-95f0-4808-b7d8-b093685dfe8e.png)
Workaround
Use the CSS
list-style-type: lower-alpha;
rule instead like this:Browser Environment
Please provide as much detail as possible about your testing environment.
WordPress Environment
Please provide relevant details of your WordPress setup and server environment. WP.com AT site