1. Feedback
  2. Angular
  3. 28772

Welcome to the Angular feedback portal. We’re happy you’re here! If you have feedback on how to improve the Angular, we’d love to hear it!

  • Check out the features or bugs others have reported and vote on your favorites. Feedback will be prioritized based on popularity.
  • If you have feedback that’s not listed yet, submit your own.

Thanks for joining our community and helping improve Syncfusion products!

1
Vote

Popup Field List renders incorrectly and cannot be closed after it is brought up after being recreated by ngIf

Hi,

We found an issue with using the Pivot Field List in its Popup mode.

Our application allows the user to switch between a regular grid and a pivot table. If the user displays the pivot grid, then destroys it (by being placed in an *ngIf), then recreates the pivot grid, the Pivot Field List does not render correctly and the screen becomes unusable. Everything else about the pivot grid seems to work OK. 

The defer layout checkbox renders as a text input control. The Apply and Cancel buttons have no text in them and do not respond when clicked. The fields in the list can be dragged onto an axis, and become checked, but the field does not display in the axis group.

Empty



I have tested and while we use a separate button to display the field list, the same happens when the built-in field list icon button is pressed.

StackBlitz:

https://stackblitz.com/edit/pivot-chart-blank-column-pumpjm?file=app.component.ts


  1. Page initially renders with "Flat" radio button selected.
  2. Select "Pivot" radio button. Pivot grid appears.
  3. Click "Open Field List". Field List dialog appears and works normally.
  4. Close the dialog and select "Flat" again to destroy the pivot grid.
  5. Select "Pivot" radio button. Pivot grid appears.
  6. Click "Open Field List". Field List dialog appears but is rendered incorrectly.