When I bring a tab full screen, the filter menus of the grid inside are no longer visible.
Probably because they hang on the body of the document.
How can i resolve?
I use Element.requestFullscreen() for put the container in full-screen mode
3 Answers, 1 is accepted
Hello Nunzio,
The described issue is caused by the fact that the Filter menu Popup is appended to the root component and thus is outside of the element put in full screen mode. The Popup gets created and appended to the DOM correctly, but is not visible due to the reason described above.
When the whole component the Grid is in is wrapped in an element that requestFullscreen is called on, the filter menu popups are opening and visible as expected.
https://stackblitz.com/edit/angular-wt3hem?file=index.html // open in new window to observe the correct behavior
I hope this helps.
Regards,
Dimiter Topalov
Progress Telerik
Rank 1
Thank you for the answer, i have update your example (https://stackblitz.com/edit/angular-wt3hem-gmu65s)
with a context more near to my project.
The element to be set in fullscreen mode is nested and as you can see (on the example) the filter don't be visible.
Thanks in advance
Regards
Hello Nunzio,
By default the Popup that holds all various Grid Menu elements (like Filter Menu and Column Menu) is appended to the root component of the application. The requestFullScreen method will yield a Grid with properly working menus when wrapping the root component in an element the method will be called upon (so that both the Grid and the Popup end up within the same parent put in full screen mode).
Alternatively, you can provide a custom container for the Grid, and set it as the element the Popup will be appended to, as demonstrated in the following section of our documentation:
https://www.telerik.com/kendo-angular-ui/components/popup/api/POPUP_CONTAINER/
Here is the updated example:
https://stackblitz.com/edit/angular-wt3hem-g7tceo?file=app/app.module.ts
Regards,
Dimiter Topalov
Progress Telerik