fix z-index for telephone country dropdown when it's selected (#45380)

CGastrell · web-flow · commit d0d5d9b589ee · 2025-10-07T05:09:21.000-07:00
diff --git a/projects/packages/forms/changelog/fix-forms-field-telephone-dropdown-z b/projects/packages/forms/changelog/fix-forms-field-telephone-dropdown-z
@@ -0,0 +1,4 @@
+Significance: patch
+Type: fixed
+
+Forms: fix telephone field block country selector dropdown so it shows in front of other blocks while selected
diff --git a/projects/packages/forms/src/blocks/input-phone/editor.scss b/projects/packages/forms/src/blocks/input-phone/editor.scss
@@ -16,6 +16,7 @@
 		&.is-selected {
 			border-color: #2271b1;
 			box-shadow: 0 0 0 1px #2271b1;
+			z-index: 1;
 		}
 
 		// these class is used to style input and textarea elements

Original file line number	Diff line number	Diff line change
`@@ -16,6 +16,7 @@`
`16`	`16`	`&.is-selected {`
`17`	`17`	`border-color: #2271b1;`
`18`	`18`	`box-shadow: 0 0 0 1px #2271b1;`
	`19`	`+ z-index: 1;`
`19`	`20`	`}`
`20`	`21`
`21`	`22`	`// these class is used to style input and textarea elements`