Fixes dropdown not appearing due to main div high z-index.

src/admin/admin.vue

@@ -16,7 +16,7 @@
 
 <script>
     export default {
-        name: "AdminPage",
+        name: "AdminPage"
     }
 </script>
 

src/admin/pages/item-creation-page.vue

@@ -10,10 +10,13 @@
             </el-form-item>
             <el-form-item label="Status">
                 <el-select v-model="form.status" placeholder="Selecione um status">
-                    <el-option label="Públicado" value="publish"></el-option>
-                    <el-option label="Rascunho" value="draft"></el-option>
-                    <el-option label="Privado" value="private"></el-option>
-                    <el-option label="Lixo" value="trash"></el-option>
+                    <el-option
+                    v-for="item in statusOptions"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value"
+                    :disabled="item.disabled">
+                    </el-option>
                 </el-select>
             </el-form-item>
             <el-form-item>
@@ -47,7 +50,21 @@ export default {
                 name: '',
                 status: '',
                 desc: ''
-            }
+            },
+            // can be obtained from api later
+            statusOptions: [{ 
+                value: 'publish',
+                label: 'Publicado'
+                }, {
+                value: 'draft',
+                label: 'Rascunho'
+                }, {
+                value: 'private',
+                label: 'Privado'
+                }, {
+                value: 'trash',
+                label: 'Lixo'
+            }]
         }
     },
     components: {
@@ -60,7 +77,6 @@ export default {
             'getItens'
         ]),
         onSubmit() {
-            console.log(this.form.name);
         }
     },
     computed: {

src/admin/scss/tainacan-admin.scss

@@ -4,6 +4,10 @@ $--color-primary: teal;
 /* icon font path, required */
 //$--font-path: '../../assets/css/fonts/material-icons.css';
 
+.el-select-dropdown, .el-popper {
+    z-index: 99999999 !important;
+}
+
 @import "../../assets/css/fonts/material-icons.css";
 @import "../../../node_modules/element-ui/packages/theme-chalk/src/index";
 
@@ -19,6 +23,6 @@ body.tainacan-admin-page #adminmenumain {
     bottom: 0;
     right: 0;
     width: 100%;
-    z-index: 99999999999;
+    z-index: 999999;
     overflow-y: auto;
 }