Storefront: Custom HTML for Ordered Lists Isn't Working

[ccwalburn]

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]):

• [X ] I have deactivated other plugins and themes and confirmed this bug occurs when only WooCommerce + Storefront theme are active.
• [ X] I can reproduce this bug consistently using the steps below.

To Reproduce

Steps to reproduce the behavior:

1. Create a new page
2. Add a Custom HTML block
3. Paste the following code in the HTML block:

<ol>
  <li>Coffee</li>
  <li>Tea
    <ol type='a'>
      <li>Black tea</li>
      <li>Green tea</li>
    </ol>
  </li>
  <li>Milk</li>
</ol>

4. Click the Preview option on the Custom HTML Toolbar
5. All of the list items display with numbers

Screenshots

If applicable, add screenshots to help explain your problem.

HTML VIew of block:

Preview of block:

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)

Workaround

Use the CSS list-style-type: lower-alpha; rule instead like this:

<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>

Browser Environment

Please provide as much detail as possible about your testing environment.

• Platform: macOS
• Browser(s): Chrome

WordPress Environment

Please provide relevant details of your WordPress setup and server environment.
WP.com AT site

``` ### WordPress Environment ###

WordPress address (URL): https://ccwoo88.wpcomstaging.com
Site address (URL): https://ccwoo88.wpcomstaging.com
WC Version: 7.0.0
REST API Version: ✔ 7.0.0
WC Blocks Version: ✔ 8.6.0
Action Scheduler Version: ✔ 3.4.0
Log Directory Writable: ✔
WP Version: 6.0.2
WP Multisite: –
WP Memory Limit: 512 MB
WP Debug Mode: ✔
WP Cron: ✔
Language: en_US
External object cache: ✔

Server Environment

Server Info: nginx
PHP Version: 8.0.24
PHP Post Max Size: 2 GB
PHP Time Limit: 1200
PHP Max Input Vars: 6144
cURL Version: 7.85.0
OpenSSL/1.1.1n

SUHOSIN Installed: –
MySQL Version: 10.4.26-MariaDB-log
Max Upload Size: 2 GB
Default Timezone is UTC: ✔
fsockopen/cURL: ✔
SoapClient: ✔
DOMDocument: ✔
GZip: ✔
Multibyte String: ✔
Remote Post: ✔
Remote Get: ✔

Database

WC Database Version: 7.0.0
WC Database Prefix: wp_154129155_
Total Database Size: 5.26MB
Database Data Size: 3.28MB
Database Index Size: 1.98MB
wp_154129155_woocommerce_sessions: Data: 0.08MB + Index: 0.02MB + Engine InnoDB
wp_154129155_woocommerce_api_keys: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_154129155_woocommerce_attribute_taxonomies: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_154129155_woocommerce_downloadable_product_permissions: Data: 0.02MB + Index: 0.06MB + Engine InnoDB
wp_154129155_woocommerce_order_items: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_154129155_woocommerce_order_itemmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_154129155_woocommerce_tax_rates: Data: 0.02MB + Index: 0.06MB + Engine InnoDB
wp_154129155_woocommerce_tax_rate_locations: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_154129155_woocommerce_shipping_zones: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wp_154129155_woocommerce_shipping_zone_locations: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_154129155_woocommerce_shipping_zone_methods: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wp_154129155_woocommerce_payment_tokens: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_154129155_woocommerce_payment_tokenmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_154129155_woocommerce_log: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_154129155_actionscheduler_actions: Data: 0.05MB + Index: 0.13MB + Engine InnoDB
wp_154129155_actionscheduler_claims: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_154129155_actionscheduler_groups: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_154129155_actionscheduler_logs: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_154129155_commentmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_154129155_comments: Data: 0.02MB + Index: 0.09MB + Engine InnoDB
wp_154129155_failed_jobs: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wp_154129155_links: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_154129155_mailchimp_carts: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wp_154129155_mailchimp_jobs: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wp_154129155_options: Data: 0.27MB + Index: 0.06MB + Engine InnoDB
wp_154129155_postmeta: Data: 1.52MB + Index: 0.09MB + Engine InnoDB
wp_154129155_posts: Data: 0.14MB + Index: 0.06MB + Engine InnoDB
wp_154129155_queue: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wp_154129155_termmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_154129155_terms: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_154129155_term_relationships: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_154129155_term_taxonomy: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_154129155_usermeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_154129155_users: Data: 0.02MB + Index: 0.05MB + Engine InnoDB
wp_154129155_wc_admin_notes: Data: 0.06MB + Index: 0.00MB + Engine InnoDB
wp_154129155_wc_admin_note_actions: Data: 0.05MB + Index: 0.02MB + Engine InnoDB
wp_154129155_wc_category_lookup: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wp_154129155_wc_customer_lookup: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_154129155_wc_download_log: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_154129155_wc_order_coupon_lookup: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_154129155_wc_order_product_lookup: Data: 0.02MB + Index: 0.06MB + Engine InnoDB
wp_154129155_wc_order_stats: Data: 0.02MB + Index: 0.05MB + Engine InnoDB
wp_154129155_wc_order_tax_lookup: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_154129155_wc_product_attributes_lookup: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_154129155_wc_product_download_directories: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_154129155_wc_product_meta_lookup: Data: 0.02MB + Index: 0.09MB + Engine InnoDB
wp_154129155_wc_rate_limits: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_154129155_wc_reserved_stock: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wp_154129155_wc_tax_rate_classes: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_154129155_wc_webhooks: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_commentmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_comments: Data: 0.02MB + Index: 0.08MB + Engine InnoDB
wp_links: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_options: Data: 0.03MB + Index: 0.02MB + Engine InnoDB
wp_postmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_posts: Data: 0.02MB + Index: 0.06MB + Engine InnoDB
wp_termmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_terms: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_term_relationships: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_term_taxonomy: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_usermeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_users: Data: 0.02MB + Index: 0.05MB + Engine InnoDB

Post Type Counts

amp_validated_url: 1
attachment: 20
customize_changeset: 20
custom_css: 1
feedback: 7
jetpack-testimonial: 1
jetpack_migration: 2
jp_img_sitemap: 1
jp_sitemap: 1
jp_sitemap_master: 1
nav_menu_item: 7
oembed_cache: 2
page: 20
post: 2
product: 11
product_variation: 12
revision: 40
shop_coupon: 2
shop_order: 1
wp_global_styles: 3

Security

Secure connection (HTTPS): ✔
Hide errors from visitors: ✔

Active Plugins (14)

Akismet Anti-Spam: by Automattic – 5.0.1
AMP: by AMP Project Contributors – 2.3.0
CoBlocks: by GoDaddy – 2.24.4
Crowdsignal Forms: by Automattic – 1.6.6
WordPress.com Editing Toolkit: by Automattic – 3.45438
Gutenberg: by Gutenberg Team – 14.3.0
Jetpack: by Automattic – 11.5-a.3
Layout Grid: by Automattic – 1.8.2
Page Optimize: by Automattic – 0.5.2
Crowdsignal Polls & Ratings: by Automattic
Inc. – 3.0.9

WooCommerce Blocks: by Automattic – 8.6.0
WooCommerce Stripe Gateway: by WooCommerce – 6.8.0
WooCommerce Shipping & Tax: by WooCommerce – 1.26.3
WooCommerce: by Automattic – 7.0.0

Inactive Plugins (3)

Classic Editor: by WordPress Contributors – 1.6.2
Mailchimp for WooCommerce: by Mailchimp – 2.7.2
WooCommerce PayPal Checkout Gateway: by WooCommerce – 2.1.1 (update to version 2.1.3 is available)

Dropin Plugins (2)

advanced-cache.php: advanced-cache.php
object-cache.php: Memcached

Must Use Plugins (1)

WP.com Site Helper: by –

Settings

API Enabled: –
Force SSL: –
Currency: USD ($)
Currency Position: left
Thousand Separator: ,
Decimal Separator: .
Number of Decimals: 2
Taxonomies: Product Types: external (external)
grouped (grouped)
simple (simple)
variable (variable)

Taxonomies: Product Visibility: exclude-from-catalog (exclude-from-catalog)
exclude-from-search (exclude-from-search)
featured (featured)
outofstock (outofstock)
rated-1 (rated-1)
rated-2 (rated-2)
rated-3 (rated-3)
rated-4 (rated-4)
rated-5 (rated-5)

Connected to WooCommerce.com: –
Enforce Approved Product Download Directories: –

WC Pages

Shop base: #10 - /shop/
Cart: #11 - /cart/
Checkout: #12 - /checkout/
My account: #13 - /my-account/
Terms and conditions: ❌ Page not set

Theme

Name: Storefront
Version: 4.1.3
Author URL: https://woocommerce.com/
Child Theme: ❌ – If you are modifying WooCommerce on a parent theme that you did not build personally we recommend using a child theme. See: How to create a child theme
WooCommerce Support: ✔

Templates

Overrides: –

Admin

Enabled Features: activity-panels
analytics
coupons
customer-effort-score-tracks
experimental-products-task
experimental-import-products-task
experimental-fashion-sample-products
experimental-product-tour
shipping-smart-defaults
shipping-setting-tour
homescreen
marketing
multichannel-marketing
mobile-app-banner
navigation
onboarding
onboarding-tasks
remote-inbox-notifications
remote-free-extensions
payment-gateway-suggestions
shipping-label-banner
subscriptions
store-alerts
transient-notices
woo-mobile-welcome
wc-pay-promotion
wc-pay-welcome-page

Disabled Features: minified-js
new-product-management-experience
settings

Daily Cron: ✔ Next scheduled: 2022-10-17 13:37:13 +00:00
Options: ✔
Notes: 106
Onboarding: completed

Action Scheduler

Complete: 41
Oldest: 2022-09-15 22:20:53 +0000
Newest: 2022-10-16 21:01:10 +0000

Pending: 3
Oldest: 2022-10-17 17:39:05 +0000
Newest: 2022-10-21 12:44:59 +0000

Status report information

Generated at: 2022-10-16 21:03:20 +00:00

</details>

[csmcneill]

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.