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

Question

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

我们已经使用html-bridge（AngularJS）来开发一个插件的UI，我们正面临一个特定场景的UI呈现问题。

图片1：此窗口属于vCenter。如果我选择任何下拉菜单，它不会影响屏幕的其余部分。

图2：我们已经与HTML桥的帮助下创建AngularJS此窗口。

图3：如果我正在我们的自定义窗口，并选择自己的任何下降是不是我们的自定义窗口的一部分（他们所属的vCenter的成分，我曾与箭头高亮显示）。然后我们窗口的所有内容都会消失。

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

请指教。

Answer 1

这是Flash播放器显示HTML内容的固有问题。您在插件视图中显示的HTML内容嵌套在IFrame中，该IFrame本质上是一个用于绘制内容的本机操作系统窗口。 Web客户端的Flash内容绘制在独立的本地窗口中，该窗口的Z-index低于IFrame窗口。 由于Flash弹出窗口（例如截图中的菜单）未在其专用窗口中绘制，而是在Flash播放器的窗口中绘制，因此无法在IFrame窗口（您的内容）上浮动。因此，如果IFrame未隐藏，您将“看到”插件视图背后的下拉菜单。

对此限制没有适当的解决方法。