fix: join outline issues. closes: saadeghi#3722

saadeghi · saadeghi · commit 78bf76ddffde · 2025-04-17T18:51:15.000+03:00
diff --git a/packages/daisyui/src/components/input.css b/packages/daisyui/src/components/input.css
@@ -39,6 +39,7 @@
     outline: 2px solid var(--input-color);
     outline-offset: 2px;
     isolation: isolate;
+    z-index: 1;
   }
 
   &:has(> input[disabled]),
@@ -77,7 +78,6 @@
     @apply text-base-content bg-base-100;
     border-color: #0000;
     box-shadow: none;
-    isolation: isolate;
   }
 }
 
diff --git a/packages/daisyui/src/components/select.css b/packages/daisyui/src/components/select.css
@@ -53,6 +53,7 @@
     outline: 2px solid var(--input-color);
     outline-offset: 2px;
     isolation: isolate;
+    z-index: 1;
   }
 
   &:has(> select[disabled]),
diff --git a/packages/daisyui/src/utilities/join.css b/packages/daisyui/src/utilities/join.css
@@ -68,7 +68,7 @@
 }
 
 .join-item {
-  &:where(*:not(:first-child)) {
+  &:where(*:not(:first-child, :disabled, [disabled], .btn-disabled)) {
     margin-inline-start: calc(var(--border, 1px) * -1);
     margin-block-start: 0;
   }

Original file line number	Diff line number	Diff line change
`@@ -39,6 +39,7 @@`
`39`	`39`	`outline: 2px solid var(--input-color);`
`40`	`40`	`outline-offset: 2px;`
`41`	`41`	`isolation: isolate;`
	`42`	`+ z-index: 1;`
`42`	`43`	`}`
`43`	`44`
`44`	`45`	`&:has(> input[disabled]),`
`@@ -77,7 +78,6 @@`
`77`	`78`	`@apply text-base-content bg-base-100;`
`78`	`79`	`border-color: #0000;`
`79`	`80`	`box-shadow: none;`
`80`		`- isolation: isolate;`
`81`	`81`	`}`
`82`	`82`	`}`
`83`	`83`
Original file line number	Diff line number	Diff line change
`@@ -53,6 +53,7 @@`
`53`	`53`	`outline: 2px solid var(--input-color);`
`54`	`54`	`outline-offset: 2px;`
`55`	`55`	`isolation: isolate;`
	`56`	`+ z-index: 1;`
`56`	`57`	`}`
`57`	`58`
`58`	`59`	`&:has(> select[disabled]),`
Original file line number	Diff line number	Diff line change
`@@ -68,7 +68,7 @@`
`68`	`68`	`}`
`69`	`69`
`70`	`70`	`.join-item {`
`71`		`- &:where(*:not(:first-child)) {`
	`71`	`+ &:where(*:not(:first-child, :disabled, [disabled], .btn-disabled)) {`
`72`	`72`	`margin-inline-start: calc(var(--border, 1px) * -1);`
`73`	`73`	`margin-block-start: 0;`
`74`	`74`	`}`