diff --git a/demos/vue/src/components/Example19.vue b/demos/vue/src/components/Example19.vue
index 90fb17fea..ea90f70f0 100644
--- a/demos/vue/src/components/Example19.vue
+++ b/demos/vue/src/components/Example19.vue
@@ -268,8 +268,8 @@ function simulateServerAsyncCall(item: any) {
       const itemDetail = item;
 
       // let's add some extra properties to our item for a better async simulation
-      itemDetail.assignee = randomNames[randomNumber(0, 10)];
-      itemDetail.reporter = randomNames[randomNumber(0, 10)];
+      itemDetail.assignee = randomNames[randomNumber(0, 9)];
+      itemDetail.reporter = randomNames[randomNumber(0, 9)];
 
       // resolve the data after delay specified
       resolve(itemDetail);
diff --git a/demos/vue/test/cypress/e2e/example19.cy.ts b/demos/vue/test/cypress/e2e/example19.cy.ts
index fde01ea91..e4a81a573 100644
--- a/demos/vue/test/cypress/e2e/example19.cy.ts
+++ b/demos/vue/test/cypress/e2e/example19.cy.ts
@@ -44,7 +44,9 @@ describe('Example 19 - Row Detail View', () => {
     cy.get('@detailContainer')
       .find('input')
       .invoke('val')
-      .then((text) => (assignee = text as string));
+      .then((text) => (assignee = `${text || ''}`));
+
+    cy.wait(10);
 
     cy.get('@detailContainer')
       .find('[data-test=assignee-btn]')