Xen Orchestra new design

olivier

Everytime it seems to happen when you click on Console tab. Check the content of your browser console.

DustinB3403

Hrm... I just tried and completely skipped the console tab and it did it again.

Hrm.

DustinB3403

Maybe it's just this VM.

This VM is on a new HALizard Pool.

olivier

which browser?

DustinB3403

Chrome Version 51.0.2704.103 m

olivier

Anyone else with the issue?

@DustinB3403 : I'll be happy to see the content of your browser console when the issue happens.

DustinB3403

On a refresh and click into the console tab I get access to the system.

Just takes that refresh to complete.

It's a Windows Server 2012 Evaluation VM that I'm playing with.

DustinB3403

Although it doesn't appear to be VM related, same issue on this VM. (just a screenshot).

Danp

No issues here with switching tabs...

DustinB3403

I'm getting the same thing in FF, with Windows and Linux VM's.

I wonder if there is something buggered in the build on my system here...

olivier

Don't forget to see what you got on your browser console

DustinB3403

@olivier Sorry, got busy.

This is what I got in the console.

DustinB3403

And this when trying to click to another tab.

olivier

Can you redo a npm run build? I don't understand why you got this.

DustinB3403

Running in xo-server first, will run in xo-web in a moment.

DustinB3403

Same results sir.

olivier

And switching tabs "slowly" is not the same?

DustinB3403

I just performed a 3 count between tabs. Going to the console tab last I got this. Same result.

DustinB3403

The underlying info. (Sorry it's messy, blame Notepadd++)

index.js:59 Uncaught (in promise) TypeError: Cannot read property 'length' of null(…)o @ index.js:59(anonymous function) @ index.js:59(anonymous function) @ index.js:21(anonymous function) @ index.js:21r @ index.js:21(anonymous function) @ index.js:21r @ index.js:21r @ index.js:23a @ index.js:59(anonymous function) @ index.js:59_constructComponentWithoutOwner @ index.js:46_constructComponent @ index.js:46mountComponent @ index.js:46mountComponent @ index.js:48_mountChildAtIndex @ index.js:47_updateChildren @ index.js:47updateChildren @ index.js:47_updateDOMChildren @ index.js:46updateComponent @ index.js:46receiveComponent @ index.js:46receiveComponent @ index.js:48_updateRenderedComponent @ index.js:46_performComponentUpdate @ index.js:46updateComponent @ index.js:46receiveComponent @ index.js:46receiveComponent @ index.js:48updateChildren @ index.js:45_reconcilerUpdateChildren @ index.js:47_updateChildren @ index.js:47updateChildren @ index.js:47_updateDOMChildren @ index.js:46updateComponent @ index.js:46receiveComponent @ index.js:46receiveComponent @ index.js:48_updateRenderedComponent @ index.js:46_performComponentUpdate @ index.js:46updateComponent @ index.js:46receiveComponent @ index.js:46receiveComponent @ index.js:48updateChildren @ index.js:45_reconcilerUpdateChildren @ index.js:47_updateChildren @ index.js:47updateChildren @ index.js:47_updateDOMChildren @ index.js:46updateComponent @ index.js:46receiveComponent @ index.js:46receiveComponent @ index.js:48_updateRenderedComponent @ index.js:46_performComponentUpdate @ index.js:46updateComponent @ index.js:46receiveComponent @ index.js:46receiveComponent @ index.js:48updateChildren @ index.js:45_reconcilerUpdateChildren @ index.js:47_updateChildren @ index.js:47updateChildren @ index.js:47_updateDOMChildren @ index.js:46updateComponent @ index.js:46receiveComponent @ index.js:46receiveComponent @ index.js:48_updateRenderedComponent @ index.js:46_performComponentUpdate @ index.js:46updateComponent @ index.js:46receiveComponent @ index.js:46receiveComponent @ index.js:48_updateRenderedComponent @ index.js:46_performComponentUpdate @ index.js:46updateComponent @ index.js:46receiveComponent @ index.js:46receiveComponent @ index.js:48updateChildren @ index.js:45_reconcilerUpdateChildren @ index.js:47_updateChildren @ index.js:47updateChildren @ index.js:47_updateDOMChildren @ index.js:46updateComponent @ index.js:46receiveComponent @ index.js:46receiveComponent @ index.js:48updateChildren @ index.js:45_reconcilerUpdateChildren @ index.js:47_updateChildren @ index.js:47updateChildren @ index.js:47_updateDOMChildren @ index.js:46updateComponent @ index.js:46receiveComponent @ index.js:46receiveComponent @ index.js:48_updateRenderedComponent @ index.js:46_performComponentUpdate @ index.js:46updateComponent @ index.js:46receiveComponent @ index.js:46receiveComponent @ index.js:48_updateRenderedComponent @ index.js:46_performComponentUpdate @ index.js:46updateComponent @ index.js:46performUpdateIfNecessary @ index.js:46performUpdateIfNecessary @ index.js:48s @ index.js:48perform @ index.js:49perform @ index.js:49perform @ index.js:48k @ index.js:48closeAll @ index.js:49perform @ index.js:49batchedUpdates @ index.js:47u @ index.js:48r @ index.js:48enqueueSetState @ index.js:48r.setState @ index.js:46(anonymous function) @ index.js:71
index.js:59 Uncaught TypeError: Cannot read property 'length' of nullo @ index.js:59(anonymous function) @ index.js:59(anonymous function) @ index.js:21(anonymous function) @ index.js:21r @ index.js:21(anonymous function) @ index.js:21r @ index.js:21r @ index.js:23a @ index.js:59(anonymous function) @ index.js:59_constructComponentWithoutOwner @ index.js:46_constructComponent @ index.js:46mountComponent @ index.js:46mountComponent @ index.js:48mountChildren @ index.js:47_createInitialChildren @ index.js:46mountComponent @ index.js:46mountComponent @ index.js:48mountChildren @ index.js:47_createInitialChildren @ index.js:46mountComponent @ index.js:46mountComponent @ index.js:48performInitialMount @ index.js:46mountComponent @ index.js:46mountComponent @ index.js:48mountChildren @ index.js:47_createInitialChildren @ index.js:46mountComponent @ index.js:46mountComponent @ index.js:48performInitialMount @ index.js:46mountComponent @ index.js:46mountComponent @ index.js:48mountChildren @ index.js:47_createInitialChildren @ index.js:46mountComponent @ index.js:46mountComponent @ index.js:48performInitialMount @ index.js:46mountComponent @ index.js:46mountComponent @ index.js:48performInitialMount @ index.js:46mountComponent @ index.js:46mountComponent @ index.js:48_mountChildAtIndex @ index.js:47_updateChildren @ index.js:47updateChildren @ index.js:47_updateDOMChildren @ index.js:46updateComponent @ index.js:46receiveComponent @ index.js:46receiveComponent @ index.js:48updateChildren @ index.js:45_reconcilerUpdateChildren @ index.js:47_updateChildren @ index.js:47updateChildren @ index.js:47_updateDOMChildren @ index.js:46updateComponent @ index.js:46receiveComponent @ index.js:46receiveComponent @ index.js:48_updateRenderedComponent @ index.js:46_performComponentUpdate @ index.js:46updateComponent @ index.js:46receiveComponent @ index.js:46receiveComponent @ index.js:48_updateRenderedComponent @ index.js:46_performComponentUpdate @ index.js:46updateComponent @ index.js:46receiveComponent @ index.js:46receiveComponent @ index.js:48_updateRenderedComponent @ index.js:46_performComponentUpdate @ index.js:46updateComponent @ index.js:46receiveComponent @ index.js:46receiveComponent @ index.js:48updateChildren @ index.js:45_reconcilerUpdateChildren @ index.js:47_updateChildren @ index.js:47updateChildren @ index.js:47_updateDOMChildren @ index.js:46updateComponent @ index.js:46receiveComponent @ index.js:46receiveComponent @ index.js:48updateChildren @ index.js:45_reconcilerUpdateChildren @ index.js:47_updateChildren @ index.js:47updateChildren @ index.js:47_updateDOMChildren @ index.js:46updateComponent @ index.js:46receiveComponent @ index.js:46receiveComponent @ index.js:48updateChildren @ index.js:45_reconcilerUpdateChildren @ index.js:47_updateChildren @ index.js:47updateChildren @ index.js:47_updateDOMChildren @ index.js:46updateComponent @ index.js:46receiveComponent @ index.js:46receiveComponent @ index.js:48_updateRenderedComponent @ index.js:46_performComponentUpdate @ index.js:46updateComponent @ index.js:46receiveComponent @ index.js:46receiveComponent @ index.js:48_updateRenderedComponent @ index.js:46_performComponentUpdate @ index.js:46updateComponent @ index.js:46receiveComponent @ index.js:46receiveComponent @ index.js:48_updateRenderedComponent @ index.js:46_performComponentUpdate @ index.js:46updateComponent @ index.js:46receiveComponent @ index.js:46receiveComponent @ index.js:48_updateRenderedComponent @ index.js:46_performComponentUpdate @ index.js:46updateComponent @ index.js:46receiveComponent @ index.js:46receiveComponent @ index.js:48_updateRenderedComponent @ index.js:46_performComponentUpdate @ index.js:46updateComponent @ index.js:46receiveComponent @ index.js:46receiveComponent @ index.js:48_updateRenderedComponent @ index.js:46_performComponentUpdate @ index.js:46updateComponent @ index.js:46receiveComponent @ index.js:46receiveComponent @ index.js:48_updateRenderedComponent @ index.js:46_performComponentUpdate @ index.js:46updateComponent @ index.js:46performUpdateIfNecessary @ index.js:46performUpdateIfNecessary @ index.js:48s @ index.js:48perform @ index.js:49perform @ index.js:49perform @ index.js:48k @ index.js:48closeAll @ index.js:49perform @ index.js:49batchedUpdates @ index.js:47a @ index.js:48dispatchEvent @ index.js:47
7index.js:48 Uncaught TypeError: Cannot read property 'getNativeNode' of nullgetNativeNode @ index.js:48getNativeNode @ index.js:46getNativeNode @ index.js:48updateChildren @ index.js:45_reconcilerUpdateChildren @ index.js:47_updateChildren @ index.js:47updateChildren @ index.js:47_updateDOMChildren @ index.js:46updateComponent @ index.js:46receiveComponent @ index.js:46receiveComponent @ index.js:48updateChildren @ index.js:45_reconcilerUpdateChildren @ index.js:47_updateChildren @ index.js:47updateChildren @ index.js:47_updateDOMChildren @ index.js:46updateComponent @ index.js:46receiveComponent @ index.js:46receiveComponent @ index.js:48_updateRenderedComponent @ index.js:46_performComponentUpdate @ index.js:46updateComponent @ index.js:46receiveComponent @ index.js:46receiveComponent @ index.js:48_updateRenderedComponent @ index.js:46_performComponentUpdate @ index.js:46updateComponent @ index.js:46receiveComponent @ index.js:46receiveComponent @ index.js:48_updateRenderedComponent @ index.js:46_performComponentUpdate @ index.js:46updateComponent @ index.js:46receiveComponent @ index.js:46receiveComponent @ index.js:48updateChildren @ index.js:45_reconcilerUpdateChildren @ index.js:47_updateChildren @ index.js:47updateChildren @ index.js:47_updateDOMChildren @ index.js:46updateComponent @ index.js:46receiveComponent @ index.js:46receiveComponent @ index.js:48updateChildren @ index.js:45_reconcilerUpdateChildren @ index.js:47_updateChildren @ index.js:47updateChildren @ index.js:47_updateDOMChildren @ index.js:46updateComponent @ index.js:46receiveComponent @ index.js:46receiveComponent @ index.js:48updateChildren @ index.js:45_reconcilerUpdateChildren @ index.js:47_updateChildren @ index.js:47updateChildren @ index.js:47_updateDOMChildren @ index.js:46updateComponent @ index.js:46receiveComponent @ index.js:46receiveComponent @ index.js:48_updateRenderedComponent @ index.js:46_performComponentUpdate @ index.js:46updateComponent @ index.js:46receiveComponent @ index.js:46receiveComponent @ index.js:48_updateRenderedComponent @ index.js:46_performComponentUpdate @ index.js:46updateComponent @ index.js:46receiveComponent @ index.js:46receiveComponent @ index.js:48_updateRenderedComponent @ index.js:46_performComponentUpdate @ index.js:46updateComponent @ index.js:46receiveComponent @ index.js:46receiveComponent @ index.js:48_updateRenderedComponent @ index.js:46_performComponentUpdate @ index.js:46updateComponent @ index.js:46receiveComponent @ index.js:46receiveComponent @ index.js:48_updateRenderedComponent @ index.js:46_performComponentUpdate @ index.js:46updateComponent @ index.js:46receiveComponent @ index.js:46receiveComponent @ index.js:48_updateRenderedComponent @ index.js:46_performComponentUpdate @ index.js:46updateComponent @ index.js:46receiveComponent @ index.js:46receiveComponent @ index.js:48_updateRenderedComponent @ index.js:46_performComponentUpdate @ index.js:46updateComponent @ index.js:46performUpdateIfNecessary @ index.js:46performUpdateIfNecessary @ index.js:48s @ index.js:48perform @ index.js:49perform @ index.js:49perform @ index.js:48k @ index.js:48closeAll @ index.js:49perform @ index.js:49batchedUpdates @ index.js:47a @ index.js:48dispatchEvent @ index.js:47

BRRABill

@olivier

Will you be adding "mouse-over" "tips" for the button when you click on the VM?

I think i know what the buttons do, but not 100% sure.