hide prompt option in select dropdown while keeping placeholder functionality

zcesur · zcesur · commit 6059f56410ff · 2025-01-04T16:19:49.000+03:00
diff --git a/lib/algora_web/components/core_components.ex b/lib/algora_web/components/core_components.ex
@@ -811,7 +811,7 @@ defmodule AlgoraWeb.CoreComponents do
         multiple={@multiple}
         {@rest}
       >
-        <option :if={@prompt} value="">{@prompt}</option>
+        <option :if={@prompt} value="" class="hidden">{@prompt}</option>
         {Phoenix.HTML.Form.options_for_select(@options, @value)}
       </select>
       <.error :for={msg <- @errors}>{msg}</.error>

Original file line number	Diff line number	Diff line change
`@@ -811,7 +811,7 @@ defmodule AlgoraWeb.CoreComponents do`
`811`	`811`	`multiple={@multiple}`
`812`	`812`	`{@rest}`
`813`	`813`	`>`
`814`		`- <option :if={@prompt} value="">{@prompt}</option>`
	`814`	`+ <option :if={@prompt} value="" class="hidden">{@prompt}</option>`
`815`	`815`	`{Phoenix.HTML.Form.options_for_select(@options, @value)}`
`816`	`816`	`</select>`
`817`	`817`	`<.error :for={msg <- @errors}>{msg}</.error>`