[@mantine/core] NativeSelect: Fix placeholder not being visible (#2689)

* [@mantine/core] NativeSelect: Fix placeholder not showing * [docs] NativeSelect: Clarify wording * [core] synchronize .nvmrc and asdf .tool-versions
mantinedev · Oct 18, 2022 · 791487e · 791487e
1 parent aa72d3a
commit 791487e
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/.tool-versions b/.tool-versions
@@ -1 +1 @@
-nodejs 16.15.0
+nodejs 14.17.0
diff --git a/src/mantine-core/src/NativeSelect/NativeSelect.tsx b/src/mantine-core/src/NativeSelect/NativeSelect.tsx
@@ -66,7 +66,7 @@ export const NativeSelect = forwardRef<HTMLSelectElement, NativeSelectProps>((pr
 
   if (placeholder) {
     options.unshift(
-      <option key="placeholder" value="" disabled hidden>
+      <option key="placeholder" value="" selected disabled hidden>
         {placeholder}
       </option>
     );

diff --git a/src/mantine-demos/src/demos/core/NativeSelect/NativeSelect.demo.validation.tsx b/src/mantine-demos/src/demos/core/NativeSelect/NativeSelect.demo.validation.tsx
@@ -16,15 +16,15 @@ function Demo() {
       <NativeSelect
         data={['React', 'Angular', 'Svelte', 'Vue']}
         label="Your favorite frameworks/libraries"
-        placeholder="Pick all that you like"
+        placeholder="Pick one"
         error
       />
 
       <NativeSelect
         style={{ marginTop: 15 }}
         data={['React', 'Angular', 'Svelte', 'Vue']}
         label="Your favorite frameworks/libraries"
-        placeholder="Pick all that you like"
+        placeholder="Pick one"
         error="Pick at least one item"
       />
     </div>