po-combo: Ao utilizar como um p-table-cell-template dentro de um po-table a altura da lista de resultado está incorreta

[giquieu]

Reprodução

Utilizar um po-table com p-infinite-scroll habilitado e p-table-cell-template renderizando um po-combo.

StackBlitz: https://po-ui-pj3exc.stackblitz.io

Passos para reproduzir:

1. Adicionar o po-table
2. Configurar o p-infinite-scroll
3. Configurar o p-table-cell-template, no content adicioar um po-combo

Qual o comportamento atual?

A renderização dos resultados do po-combo está desalinhada, mostrando a lista desalinhada do componente.

Que comportamento você esperava ver?

Que a lista de resultado do po-combo seja mostrada alinhada com o input do po-combo.

Ambiente

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

[jkozima]

Boa Tarde!

@giquieu obrigada por nos reportar, nosso time técnico irá analisar e em breve daremos um retorno.

Abraço!

[giquieu]

Olá, o componente po-datepicker tbm tem o mesmo comportamento de posicionamento irregular. Imagino que os componentes que usam o PoControlPositionService para calcular a posição referente ao elemento pai devem estar com a irregularidade ao posicionar sobre uma po-table com p-infinite-scroll.

[alinelariguet]

Boa tarde @giquieu, a tabela tem altura definida? Se sim, o problema ocorre também sem altura definida?

[giquieu]

Oi, tem sim... [p-height]="500" Essas são as props da po-table:

  [p-items]="items"
  [p-columns]="columns"
  [p-infinite-scroll]="true"
  [p-infinite-scroll-distance]="80"
  [p-selectable]="true"
  [p-single-select]="true"
  [p-hide-columns-manager]="true"
  [p-striped]="true"
  [p-height]="500"

Tbm tem esse stackblitz montado: https://stackblitz.com/edit/po-ui-pj3exc

[alinelariguet]

Obrigada @giquieu, a princípio o problema só ocorre quando é definida uma altura para a tabela através da propriedade p-height. Obrigada por reportar, vamos incluir esta issue no nosso backlog para correção. Att.