Basically the Icons Layout shows up broken, piling up the icons and therefore making them mostly unusable.
Using ZOOM Api for web over PHP/JS-JQuery/HTML5/CSS3 architecture
Dependencies are loaded as indicated in the documentation:
<!-- import ZoomMtg dependencies -->
<script src="https://source.zoom.us/1.7.6/lib/vendor/react.min.js"></script>
<script src="https://source.zoom.us/1.7.6/lib/vendor/react-dom.min.js"></script>
<script src="https://source.zoom.us/1.7.6/lib/vendor/redux.min.js"></script>
<script src="https://source.zoom.us/1.7.6/lib/vendor/redux-thunk.min.js"></script>
<script src="https://source.zoom.us/1.7.6/lib/vendor/jquery.min.js"></script>
<script src="https://source.zoom.us/1.7.6/lib/vendor/lodash.min.js"></script>
Zoom is called from index.js as indicated:
ZoomMtg.setZoomJSLib('https://source.zoom.us/1.7.6/lib', '/av');
ZoomMtg.preLoadWasm();
ZoomMtg.prepareJssdk();
Then the room is initialized like this:
ZoomMtg.init({
leaveUrl: 'https://xxxx', //obfuscated for publishing in the forums, real url in the true code
isSupportAV: true,
success: function () {
ZoomMtg.join(
{
meetingNumber: meetingNumber,
userName: userName,
signature: signature2,
apiKey: API_KEY,
userEmail: '',
passWord:,
success: function(res){
console.log('join meeting success');
},
error: function(res) {
console.log(res);
}
}
);
},
error: function(res) {
console.log(res);
}
Tested both over MacOS Catalina and Windows 10, with Chrome, Safari and Edge browsers (Chrome in both OS).
To make it even weirder, when I manually resize the Chrome browser to around 1000x600 icons rearrange (responsiveness works properly) and shows icons and options more reasonably.
Here are some screencaptures of the issue (icons at the bottom):
