fix(ordered-list): fix number increment in safari (#21003)

maradwan26 · web-flow · commit b2982e815c65 · 2025-11-11T19:14:50.000Z
diff --git a/packages/web-components/src/components/list/list.scss b/packages/web-components/src/components/list/list.scss
@@ -37,11 +37,11 @@ $css--plex: true !default;
   .#{$prefix}--list--ordered:not(.#{$prefix}--list--nested)
     ::slotted(#{$prefix}-list-item) {
     position: relative;
+    counter-increment: item;
 
     &::before {
       position: absolute;
       content: counter(item) '.';
-      counter-increment: item;
       inset-inline-start: rem(-24px);
     }
   }

Original file line number	Diff line number	Diff line change
`@@ -37,11 +37,11 @@ $css--plex: true !default;`
`37`	`37`	`.#{$prefix}--list--ordered:not(.#{$prefix}--list--nested)`
`38`	`38`	`::slotted(#{$prefix}-list-item) {`
`39`	`39`	`position: relative;`
	`40`	`+ counter-increment: item;`
`40`	`41`
`41`	`42`	`&::before {`
`42`	`43`	`position: absolute;`
`43`	`44`	`content: counter(item) '.';`
`44`		`- counter-increment: item;`
`45`	`45`	`inset-inline-start: rem(-24px);`
`46`	`46`	`}`
`47`	`47`	`}`