Hi,
We have faced this issue and it looks like Re: Issue with IFrame based HTML hosting inside Flex views, but certainly not this issue for sure.
We have created a vCenter plug-in which has two extension points "Datastore > Manage > Bookmark (Sub-Tab1)" & "Datastore > Manage > History (Sub-Tab2)". Once user reaches these pages, few ajax calls are made to get necessary information from backend, that needs to be displayed here. Sometimes it's happening like, the div container holding iframe is set to "display:none".
Note:This issue is not happening every time, but once we get this issue it's happening quite often. Also it's happening only under inventory objects which has multiple extensions from 3rd party plug-in. For e.g.: In our case, Datastore Object is having multiple extension points (Under Manage > Two sub-tabs, Under Monitoring > One sub-tab) & all of these extension points are displaying HTML page.
Issue in version: vCenter 5.5 U2 and vCenter 6.0. (Maximum time reproduced in vCenter 6.0)
Environment:
- vCenter Webclient v6.0
- Chrome Browser - Latest Version
- OS - Windows 7.
Steps to Reproduce:
1. Navigate to "Datastores > Manage > Bookmark (Sub-Tab1)".
2. While the page (HTML inside iFrame) is loading, quickly switch to History (Sub-Tab2).
or vice-versa.
Expected Result:
The selected subtab's content should be visible to user.
Actual Result:
The selected subtab's content is not visible to user.
Reason:
The "display" property of div container, holding current sub-tab's iframe is set to "none". PFA Screenshots and logs.
When I checked in browser console logs and vsphere-webclient logs, there were no relevant issues.
Error logged in browser console:
(30) csd_api_connection.js:73 WebSocket connection to 'wss://vmware-localhost:8093/' failed: Error in connection establishment: net::ERR_NAME_NOT_RESOLVED
Only this error was logged 30 times.
Kindly help us solve this issue.