如何使popOver出现在顶部时完全显示

Question

我在stackblitz https://stackblitz.com/edit/angular-nsqsbi-vhuk6q?file=app/main/GridList/grid-list-overview-example.html上有一个Angular应用程序演示。这里有网格布局和弹出窗口。但是问题是当在顶部网格上单击弹出窗口时（移动设备，平板电脑等小屏幕的宽度），它可以吗？看起来显得格格不入。如下图所示。

这里没问题（宽度大小=对于计算机来说很大）

宽度至少（平板电脑，手机至少为768像素），这就是下面的问题

我猜它应该有可以根据实际页面宽度缩小的修复布局等，但是我找不到以这种方式修复的解决方案。如果您可以为解决方案编辑我的stackblitz并分享，那真是太棒了在这里。我将不胜感激