Fix :last-child item selector in todoMVC Web Components and LIT

WebKit · Aug 18, 2023 · 3cdb965 · 3cdb965
1 parent 5107c73
commit 3cdb965
Show file tree

Hide file tree

Showing 9 changed files with 27 additions and 27 deletions.
diff --git a/resources/todomvc/architecture-examples/lit/dist/index.js b/resources/todomvc/architecture-examples/lit/dist/index.js
diff --git a/resources/todomvc/architecture-examples/lit/src/lib/todo-item.ts b/resources/todomvc/architecture-examples/lit/src/lib/todo-item.ts
@@ -116,7 +116,7 @@ export class TodoItem extends LitElement {
                 display: none;
             }
 
-            .editing:last-child {
+            :host(:last-child) .editing {
                 margin-bottom: -1px;
             }
         `,

diff --git a/resources/todomvc/todomvc-css/dist/index.css b/resources/todomvc/todomvc-css/dist/index.css
@@ -314,17 +314,17 @@ but useful for people who use screen readers */
     box-shadow: none !important;
 }
 
+:host(:last-child) > .todo-item {
+    border-bottom: none;
+}
+
 .todo-item {
     position: relative;
     font-size: 24px;
     border-bottom: 1px solid #ededed;
     height: 60px;
 }
 
-.todo-item:last-child {
-    border-bottom: none;
-}
-
 .todo-item.editing {
     border-bottom: none;
     padding: 0;