Returning an element from the action method does not put anything in DOM

[manolo]

Try this code, route / works and puts a div element in the hosting outlet, but /1 and /2 do not display anything.

const routes = [
   {
       path: '/',
       component: 'div',
       children: [
           {
               path: '/1',
               action: () => {
                   const e = document.createElement('div');
                   e.textContent = 'foo-1';
                   return e;
               }
           }
       ]
   },
   {
       path: '/2',
       action: async () => {
           const e = document.createElement('div');
           e.textContent = 'foo-2';
           return e;
       }
   }
];

Notes:

• this API o similar is necessary for CCDM.
• consider that action might be async

[platosha]

Here is a workaround for now:

action: (context, commands) => {
  const e = commands.component('div');
  e.textContent = 'foo-1';
  return e;
}

UPD: works for sync and async actions too. Navigating to /2 results in Page not found because of some other reason, presumably #307

[platosha]

As discussed in the team, the router should support actions that return elements created with document.createElement and other APIs, not limiting the users to commands.component.