Skip to content

s-ordered-list on mobile causes CLS #13955

@BaggioGiacomo

Description

@BaggioGiacomo

Summary

While using the app from mobile, navigating to a page that renders a Polaris ordered-list inside a section causes CLS.

You cannot see it but the metrics calculated by the web vitals API shows an high CLS (from 0.5 to 0.8 in my case)

Expected behavior

I expect that no CLS is caused by the ordered list.

Actual behavior

Screen.Recording.2025-07-31.at.10.20.23.mov

Steps to reproduce

  1. Add the web vitals meta tag: <meta name="shopify-debug" content="web-vitals" />
  2. Create two pages, one with an ordered list inside a section
  3. Navigate from the the first page to the one with the ordered list
  4. Have a look to the CLS

Are you using React components?

No

Polaris version number

I'm using the new Polaris web components

Browser

Brave

Device

MacBook Air 2020

Metadata

Metadata

Assignees

No one assigned

    Labels

    BugSomething is broken and not working as intended in the system.untriaged

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions