diff --git a/demos/basic/src/app/app.component.html b/demos/basic/src/app/app.component.html
index 4a28f9d..8e3b311 100644
--- a/demos/basic/src/app/app.component.html
+++ b/demos/basic/src/app/app.component.html
@@ -26,6 +26,14 @@ <h1>
 
 
 
+<div>
+  <inline-editor type="select" 
+                [(ngModel)]="editableSelectOptionsTwoLevelsDefault"
+                (onSave)="saveEditable($event)" 
+                [options]="editableSelectOptionsTwoLevelsConfiguration"></inline-editor>
+</div>
+
+
 <div>
   <h3>Disabled components</h3>
   <inline-editor type="text" [(ngModel)]="editableText" (onSave)="saveEditable($event)" disabled="true"></inline-editor>
diff --git a/demos/basic/src/app/app.component.ts b/demos/basic/src/app/app.component.ts
index e32b313..847bd29 100644
--- a/demos/basic/src/app/app.component.ts
+++ b/demos/basic/src/app/app.component.ts
@@ -36,6 +36,27 @@ export class AppComponent {
     text: 'field'
   }
 
+  editableSelectOptionsTwoLevelsDefault = 1;
+  editableSelectOptionsTwoLevelsConfiguration = {
+    data: [
+      {
+        id: 1, field: 'status1',
+        children: [
+          { id: 5, field: 'status1.1' },
+          { id: 6, field: 'status1.2' }
+        ]
+      },
+      { id: 2, field: 'status2' },
+      { id: 3, field: 'status3' },
+      {
+        id: 4, field: 'status4',
+        children: [{ id: 7, field: 'status4.1' }]
+      }
+    ],
+    value: 'id',
+    text: 'field'
+  }
+
   fnErrorLength = function () {
     alert('This is a custom error!');
   }