menu: Menu não funciona corretamente quando instanciado como componente.

[wsteixeira]

<div class="po-wrapper">
  <po-toolbar p-title="PO - Menu Component"></po-toolbar>
  <!--po-menu [p-menus]="menus"></po-menu-->
  <app-menu></app-menu>
  <po-page-default p-title="Po Page Default"></po-page-default>
</div>

Utilize StackBlitz (https://stackblitz.com/edit/po-ui-dfzqrx?file=src%2Fapp%2Fapp.component.ts) para reproduzir o bug relatado na issue.

Passos para reproduzir:

1. Crie um um componente para o menu;
2. Crie as condições necessárias para que o menu possa expandir e retrair;
3. Instancie o componente do menu <app-menu></app-menu> no app.component.html;
4. Instancie também no app.component.html um componente de pagina, por exemplo o <po-page-default p-title="Po Page Default"></po-page-default>
5. Execute a aplicação;
6. Clique no botão do menu para expandir e retrair;
7. O espaço liberado pelo componente de menu quando retraído, não é ocupado pelo componente de pagina;

Qual o comportamento atual?

O menu não funciona corretamente quando instanciado como componente, o espaço liberado pelo componente de menu quando retraído, não é ocupado pelo componente de pagina;

Que comportamento você esperava ver?

Que o componente menu tivesse o mesmo comportamento quando é instanciado <po-menu [p-menus]="menus"></po-menu> diretamente no app.component.html

Ambiente

• PO UI: V17.22.0
• Angular: V17.2.4
• Browser(s):
  • [x] Chrome
  • [ ] Firefox
  • [ ] Edge
  • [ ] Safari
  • [ ] IE 11
  • [ ] Outros
• Operating System:
  • [x] Windows
  • [ ] macOS
  • [ ] Ubuntu
  • [ ] Outros

Observações

Tempo de Resposta PO UI --> Em até 7 dias úteis. Tempo de Retorno Solicitante --> 35 dias corridos Issues sem retorno do solicitante por mais de 35 dias corridos serão encerradas.