style(list): Adds minimal styles for focus ring structure

material-web-copybara · copybara-github · commit 5bebc00648d7 · 2024-04-11T14:34:53.000-07:00
PiperOrigin-RevId: 623942268
diff --git a/packages/mdc-list/_mixins.scss b/packages/mdc-list/_mixins.scss
@@ -102,6 +102,14 @@
     }
   }
 
+  // Always remove the focus ring element from flexbox layout; even if it's
+  // not visible initially.
+  .mdc-deprecated-list-item__focus-ring {
+    @include feature-targeting.targets($feat-structure) {
+      position: absolute;
+    }
+  }
+
   .mdc-deprecated-list-item {
     @include feature-targeting.targets($feat-structure) {
       @include deprecated-item-base_;

Original file line number	Diff line number	Diff line change
`@@ -102,6 +102,14 @@`
`102`	`102`	`}`
`103`	`103`	`}`
`104`	`104`
	`105`	`+ // Always remove the focus ring element from flexbox layout; even if it's`
	`106`	`+ // not visible initially.`
	`107`	`+ .mdc-deprecated-list-item__focus-ring {`
	`108`	`+ @include feature-targeting.targets($feat-structure) {`
	`109`	`+ position: absolute;`
	`110`	`+ }`
	`111`	`+ }`
	`112`	`+`
`105`	`113`	`.mdc-deprecated-list-item {`
`106`	`114`	`@include feature-targeting.targets($feat-structure) {`
`107`	`115`	`@include deprecated-item-base_;`