fix: Use an ::after element for selection border (#239)

This fixes an issue with outline and selection borders
umbraco · Jun 23, 2022 · 8a9d4f1 · 8a9d4f1
1 parent 48c30b6
commit 8a9d4f1
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/packages/uui-table/lib/uui-table-row.element.ts b/packages/uui-table/lib/uui-table-row.element.ts
@@ -29,7 +29,10 @@ export class UUITableRowElement extends SelectOnlyMixin(
         cursor: pointer;
       }
 
-      :host([selected]) {
+      :host([selected])::after {
+        content: '';
+        position: absolute;
+        inset: 0;
         outline: 2px solid
           var(--uui-table-row-color-selected, var(--uui-color-selected));
         outline-offset: -3px;