Merge pull request #42 from spiral-modules/native-select

browser default select

composer.json

@@ -10,7 +10,7 @@
   ],
   "require": {
     "spiral/framework": "^0.9",
-    "spiral/toolkit": "^0.9"
+    "spiral/toolkit": "^0.9.11"
   },
   "require-dev": {
     "phpunit/phpunit": "~6.0",

resources/styles/spiral/vault/sstyle.scss

@@ -295,7 +295,7 @@ table thead th {
   font-size: 1.2rem;
   color: $color-text;
 }
-
+select.browser-default { height: auto;}
 .input-field.file-field label {
   top: 0;
   left: 0;
@@ -527,6 +527,7 @@ input[type=datetime-local],
 input[type=tel],
 input[type=number],
 input[type=search],
+select,
 textarea,
 .select-wrapper input.select-dropdown {
   border: 1px solid #b9b9b9;

resources/styles/spiral/vault/vault.css

@@ -8413,6 +8413,9 @@ table thead th {
   font-size: 1.2rem;
   color: #3a3a3a; }
 
+select.browser-default {
+  height: auto; }
+
 .input-field.file-field label {
   top: 0;
   left: 0; }
@@ -8566,6 +8569,7 @@ input[type=datetime-local],
 input[type=tel],
 input[type=number],
 input[type=search],
+select,
 textarea,
 .select-wrapper input.select-dropdown {
   border: 1px solid #b9b9b9;

source/views/welcome/visuals.dark.php

@@ -161,6 +161,15 @@
                 <a class="carousel-item" href="#three!"><img src="http://lorempixel.com/800/400/food/3"></a>
                 <a class="carousel-item" href="#four!"><img src="http://lorempixel.com/800/400/food/4"></a>
             </div>
+
+            <vault:form action="#" title="Form Demo">
+                <form:input label="[[Input:]]" name="input" />
+                <form:textarea label="[[Textarea:]]" name="textarea" value=""/>
+                <form:select label="[[Select:]]" name="select" values="<?= [l('No'), l('Yes')] ?>"/>
+                <div class="right-align">
+                    <input type="submit" value="${submit|[[SAVE]]}" class="btn teal waves-effect waves-light"/>
+                </div>
+            </vault:form>
         </tab:item>
     </tab:wrapper>
 </block:content>