refactor(selector): not hiding the first option anymore

packages/components/src/components/select/select.lite.tsx

@@ -224,7 +224,9 @@ export default function DBSelect(props: DBSelectProps) {
 				}
 				aria-describedby={state._descByIds}>
 				{/* Empty option for floating label */}
-				<option hidden></option>
+				<Show when={props.variant === 'floating' || props.placeholder}>
+					<option class="placeholder"></option>
+				</Show>
 				<Show when={props.options}>
 					<For each={props.options}>
 						{(option: DBSelectOptionType) => (

packages/components/src/components/select/select.scss

@@ -76,7 +76,7 @@ $has-before-padding: calc(
 		);
 	}
 
-	&:has(> select option:checked:not([hidden])) {
+	&:has(> select option:checked:not(.placeholder)) {
 		[id$="-placeholder"] {
 			display: none;
 		}

packages/components/src/styles/internal/_form-components.scss

@@ -115,7 +115,7 @@ $check-border-size: min(#{variables.$db-border-height-2xs}, 2px);
 		&:has(
 				#{$selector}:focus-within,
 				#{$selector}:is(input, textarea):not(:placeholder-shown),
-				> select option:checked:not([hidden])
+				> select option:checked:not(.placeholder)
 			) {
 			label {
 				@extend %db-overwrite-font-size-2xs;