vSphere Web客户端的自定义插件中的AngularJS UI呈现问题

Question

我们正在借助vSphere客户端SDK 6.0为vmware的vSphere Web客户端开发用户自定义.

我们使用html-bridge(AngularJS)为插件开发UI,我们面临着一个特定场景的UI渲染问题.

图1:此窗口属于vCenter.如果我选择任何下拉菜单,它将不会影响屏幕的剩余部分.

图2:我们在AngularJS中借助html-bridge创建的这个窗口.

图3:如果我正在使用我们的自定义窗口并选择不属于我们自定义窗口的任何drop own(它们属于vCenter的组件,我用箭头突出显示).然后我们窗口的所有内容都会消失.

我们可以避免这个问题吗？

请指教.

Answer 1

这是Flash播放器如何显示HTML内容的固有问题.您在插件视图中显示的HTML内容嵌套在IFrame中,IFrame本质上是一个本机操作系统窗口,用于绘制内容.Web客户端的Flash内容在单独的本机窗口中绘制,该窗口的z-index低于IFrame窗口.由于Flash弹出窗口(例如,屏幕截图中的菜单)未在其专用窗口中绘制,而是在Flash播放器中,因此它不能浮动在IFrame窗口(您的内容)之上.因此,如果IFrame未被隐藏,您将"看到"插件视图后面的下拉菜单.

此限制没有正确的解决方法.