Vaadin Spreadsheet - Renders invisible, except for a tiny square in top lef

Guttorm · January 12, 2017, 6:52pm

Hi,

I’m looking at vaadin-spreadsheet now for the first time, and I’m having some trouble…

When I create a blank test-project and add, for instance, the example from
https://vaadin.com/docs/-/part/spreadsheet/spreadsheet-overview.html
, it all seems to work just fine.

When I next try to do more or less the same in a View in my application, I get just a tiny white square in the top left corner.
Examining the html, everything seems to be OK, but it just doesn’t work.
The tiny white square seems to be the cellinput.

I’ve tried this with 3 examples so far, and each gives the same result.

This is with vaadin 7.7.6 and vaadin-spreadsheet 1.3.0
Anyone have a hint to what I might be doing wrong?

ollit.1 · January 13, 2017, 7:26am

Hi,

if you examine the element in e.g. Chrome Inspector, is it set to 0 pixels high or wide? That would indicate that there is some problem with sizing or layouts.

-Olli

Guttorm · January 13, 2017, 9:12am

Hi,

When I open up the devtools in Chrome, and move my mouse over the area, I see that there are many divs there. They are just empty. I’ve added a screenshot of the tooltip I get over them.
Further, I see that the actual grid-cell divs appear below the visible area, below div.floater
If I reduce the height of div.floater from 4000 to 4, the gric-cell divs appear on screen, but one per line, and not ordered in row/cols.

From a working example, I see that div.floater is supposed to be this size, so that is not the problem.
I guess vaadin uses absolute positioning for everything, and that the positions for some reason are not calculated?

I don’t see any errors in the Chrome browser log.
This is the log from my current test when I click on a button that adds the “Hello, world” example from the book to my screen

log:

ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:50 GMT+100 2017 com.vaadin.client.communication.XhrConnection INFO: Sending xhr message to server: {"csrfToken":"adfc0cd6-0b0d-4ced-8ccd-19354bff4402","rpc":[["97","com.vaadin.shared.ui.button.ButtonServerRpc","click",[{"altKey":false,"button":"LEFT","clientX":306,"clientY":53,"ctrlKey":false,"metaKey":false,"relativeX":41,"relativeY":11,"shiftKey":false,"type":1}] ]],"syncId":8,"clientId":8} ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:50 GMT+100 2017 com.vaadin.client.communication.XhrConnection INFO: Server visit took 28.465ms ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:50 GMT+100 2017 com.vaadin.client.communication.MessageHandler INFO: JSON parsing took 0.21ms ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:50 GMT+100 2017 com.vaadin.client.communication.XhrConnection INFO: Received xhr message: for(;;);[{"syncId": 9, "clientId": 9, "changes" : [] , "state":{"96":{"childData":{"97":{"alignmentBitmask":5,"expandRatio":0},"98":{"alignmentBitmask":5,"expandRatio":0}}},"98":{"rows":200,"cols":52,"colGroupingData":[],"rowGroupingData":[] ,"defRowH":15,"defColW":70,"rowH":[15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15] ,"colW":[83,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70] ,"reload":true,"sheetNames":["Sheet1"] ,"cellStyleToCSSStyle":[[0] ,["font-family:Calibri,swiss,Helvetica,arial;font-size:11pt;background-color:rgba(255,255,255,1.0);color:rgba(0,0,0,1.0);"] ],"rowIndexToStyleIndex":[],"columnIndexToStyleIndex":[[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50,51,52] ,[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0] ],"lockedColumnIndexes":[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50,51,52] ,"lockedRowIndexes":[],"shiftedCellBorderStyles":[] ,"conditionalFormattingStyles":[],"hiddenColumnIndexes":[] ,"hiddenRowIndexes":[],"verticalScrollPositions":[0] ,"horizontalScrollPositions":[0] ,"hasActions":true,"workbookChangeToggle":true,"height":"250.0px","width":"400.0px"}}, "types":{"96":"61","98":"62"}, "hierarchy":{"96":["97","98"] }, "rpc" : [], "meta" : {}, "resources" : {}, "timings":[712, 5] }] ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:50 GMT+100 2017 com.vaadin.client.communication.MessageHandler INFO: Handling message from server ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:50 GMT+100 2017 com.vaadin.client.communication.MessageHandler INFO: * Handling resources from server ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:50 GMT+100 2017 com.vaadin.client.communication.MessageHandler INFO: * Handling type inheritance map from server ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:50 GMT+100 2017 com.vaadin.client.communication.MessageHandler INFO: Handling type mappings from server ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:50 GMT+100 2017 com.vaadin.client.communication.MessageHandler INFO: Handling resource dependencies ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:50 GMT+100 2017 com.vaadin.client.communication.MessageHandler INFO: * Handling meta information ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:50 GMT+100 2017 com.vaadin.client.communication.MessageHandler INFO: * Creating connectors (if needed) ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:50 GMT+100 2017 com.vaadin.client.communication.MessageHandler INFO: * Updating connector states ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:50 GMT+100 2017 com.vaadin.client.communication.MessageHandler INFO: * Handling locales ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:50 GMT+100 2017 com.vaadin.client.communication.MessageHandler INFO: * Updating connector hierarchy ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:50 GMT+100 2017 com.vaadin.client.communication.MessageHandler INFO: * Sending hierarchy change events ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:50 GMT+100 2017 com.vaadin.client.communication.MessageHandler INFO: * Running @DelegateToWidget ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:50 GMT+100 2017 com.vaadin.client.communication.MessageHandler INFO: * Sending state change events ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:50 GMT+100 2017 com.vaadin.client.communication.MessageHandler INFO: * Passing UIDL to Vaadin 6 style connectors ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:50 GMT+100 2017 com.vaadin.client.communication.MessageHandler INFO: * Performing server to client RPC calls ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:50 GMT+100 2017 com.vaadin.client.communication.MessageHandler INFO: * Unregistered 0 connectors ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:50 GMT+100 2017 com.vaadin.client.communication.MessageHandler INFO: handleUIDLMessage: 65 ms ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:50 GMT+100 2017 com.vaadin.client.LayoutManager INFO: Starting layout phase ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:50 GMT+100 2017 com.vaadin.client.LayoutManager INFO: Measured 2 non connector elements ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:50 GMT+100 2017 com.vaadin.client.LayoutManager INFO: Pass 1 measured 23 elements, fired 0 listeners and did 0 layouts. ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:50 GMT+100 2017 com.vaadin.client.LayoutManager INFO: Did overflow fix for 1 elements ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:50 GMT+100 2017 com.vaadin.client.LayoutManager INFO: Pass 2 measured 3 elements, fired 0 listeners and did 0 layouts. ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:50 GMT+100 2017 com.vaadin.client.LayoutManager INFO: No more changes in pass 3 ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:50 GMT+100 2017 com.vaadin.client.LayoutManager INFO: Total layout phase time: 19ms ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:50 GMT+100 2017 com.vaadin.client.communication.MessageHandler INFO: Processing time was 90ms ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:50 GMT+100 2017 com.vaadin.client.communication.MessageHandler INFO: Referenced paintables: 31 ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:50 GMT+100 2017 com.vaadin.client.communication.XhrConnection INFO: Sending xhr message to server: {"csrfToken":"adfc0cd6-0b0d-4ced-8ccd-19354bff4402","rpc":[["98","com.vaadin.addon.spreadsheet.client.SpreadsheetServerRpc","onConnectorInit",[] ]],"syncId":9,"clientId":9} ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:50 GMT+100 2017 com.vaadin.client.communication.XhrConnection INFO: Server visit took 29.135ms ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:50 GMT+100 2017 com.vaadin.client.communication.MessageHandler INFO: JSON parsing took 0.065ms ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:50 GMT+100 2017 com.vaadin.client.communication.XhrConnection INFO: Received xhr message: for(;;);[{"syncId": 10, "clientId": 10, "changes" : [] , "state":{}, "types":{}, "hierarchy":{}, "rpc" : [], "meta" : {}, "resources" : {}, "timings":[722, 10] }] ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:50 GMT+100 2017 com.vaadin.client.communication.MessageHandler INFO: Handling message from server ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:50 GMT+100 2017 com.vaadin.client.communication.MessageHandler INFO: * Handling resources from server ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:50 GMT+100 2017 com.vaadin.client.communication.MessageHandler INFO: * Handling type inheritance map from server ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:50 GMT+100 2017 com.vaadin.client.communication.MessageHandler INFO: Handling type mappings from server ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:50 GMT+100 2017 com.vaadin.client.communication.MessageHandler INFO: Handling resource dependencies ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:50 GMT+100 2017 com.vaadin.client.communication.MessageHandler INFO: * Handling meta information ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:50 GMT+100 2017 com.vaadin.client.communication.MessageHandler INFO: * Creating connectors (if needed) ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:50 GMT+100 2017 com.vaadin.client.communication.MessageHandler INFO: * Updating connector states ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:50 GMT+100 2017 com.vaadin.client.communication.MessageHandler INFO: * Handling locales ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:50 GMT+100 2017 com.vaadin.client.communication.MessageHandler INFO: * Updating connector hierarchy ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:50 GMT+100 2017 com.vaadin.client.communication.MessageHandler INFO: * Running @DelegateToWidget ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:50 GMT+100 2017 com.vaadin.client.communication.MessageHandler INFO: * Sending state change events ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:50 GMT+100 2017 com.vaadin.client.communication.MessageHandler INFO: * Passing UIDL to Vaadin 6 style connectors ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:50 GMT+100 2017 com.vaadin.client.communication.MessageHandler INFO: * Performing server to client RPC calls ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:50 GMT+100 2017 com.vaadin.client.communication.MessageHandler INFO: * Unregistered 0 connectors ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:50 GMT+100 2017 com.vaadin.client.communication.MessageHandler INFO: handleUIDLMessage: 7 ms ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:50 GMT+100 2017 com.vaadin.client.communication.MessageHandler INFO: Processing time was 13ms ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:50 GMT+100 2017 com.vaadin.client.communication.MessageHandler INFO: Referenced paintables: 31 ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:50 GMT+100 2017 com.vaadin.client.communication.XhrConnection INFO: Sending xhr message to server: {"csrfToken":"adfc0cd6-0b0d-4ced-8ccd-19354bff4402","rpc":[["98","com.vaadin.addon.spreadsheet.client.SpreadsheetServerRpc","setCellStyleWidthRatios",[[[0] ,[0] ]]],["98","com.vaadin.addon.spreadsheet.client.SpreadsheetServerRpc","onSheetScroll",[1,1,11,9] ]],"syncId":10,"clientId":10} ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:50 GMT+100 2017 com.vaadin.client.communication.XhrConnection INFO: Server visit took 94.205ms ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:50 GMT+100 2017 com.vaadin.client.communication.MessageHandler INFO: JSON parsing took 0.165ms ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:50 GMT+100 2017 com.vaadin.client.communication.XhrConnection INFO: Received xhr message: for(;;);[{"syncId": 11, "clientId": 11, "changes" : [] , "state":{"98":{"reload":false,"hyperlinksTooltips":[],"cellComments":[] ,"cellCommentAuthors":[],"visibleCellComments":[] ,"invalidFormulaCells":[]}}, "types":{"98":"62"}, "hierarchy":{}, "rpc" : [["98","com.vaadin.addon.spreadsheet.client.SpreadsheetClientRpc","updateBottomRightCellValues",[[{"row":1,"col":1,"value":"Hello, world","formulaValue":null,"originalValue":"Hello, world","cellStyle":"cs0","locked":false,"needsMeasure":false,"isPercentage":false},{"row":2,"col":1,"value":"6","formulaValue":null,"originalValue":"6","cellStyle":"cs0","locked":false,"needsMeasure":false,"isPercentage":false},{"row":2,"col":2,"value":"7","formulaValue":null,"originalValue":"7","cellStyle":"cs0","locked":false,"needsMeasure":false,"isPercentage":false},{"row":2,"col":3,"value":"42","formulaValue":"A2*B2","originalValue":"A2*B2","cellStyle":"cs0 r","locked":false,"needsMeasure":false,"isPercentage":false}] ]],["98","com.vaadin.addon.spreadsheet.client.SpreadsheetClientRpc","showSelectedCell",[1,1,"Hello, world",false,false,true] ]], "meta" : {}, "resources" : {}, "timings":[723, 1] }] ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:50 GMT+100 2017 com.vaadin.client.communication.MessageHandler INFO: Handling message from server ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:50 GMT+100 2017 com.vaadin.client.communication.MessageHandler INFO: * Handling resources from server ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:50 GMT+100 2017 com.vaadin.client.communication.MessageHandler INFO: * Handling type inheritance map from server ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:50 GMT+100 2017 com.vaadin.client.communication.MessageHandler INFO: Handling type mappings from server ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:50 GMT+100 2017 com.vaadin.client.communication.MessageHandler INFO: Handling resource dependencies ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:50 GMT+100 2017 com.vaadin.client.communication.MessageHandler INFO: * Handling meta information ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:50 GMT+100 2017 com.vaadin.client.communication.MessageHandler INFO: * Creating connectors (if needed) ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:50 GMT+100 2017 com.vaadin.client.communication.MessageHandler INFO: * Updating connector states ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:50 GMT+100 2017 com.vaadin.client.communication.MessageHandler INFO: * Handling locales ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:50 GMT+100 2017 com.vaadin.client.communication.MessageHandler INFO: * Updating connector hierarchy ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:50 GMT+100 2017 com.vaadin.client.communication.MessageHandler INFO: * Running @DelegateToWidget ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:50 GMT+100 2017 com.vaadin.client.communication.MessageHandler INFO: * Sending state change events ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:50 GMT+100 2017 com.vaadin.client.communication.MessageHandler INFO: * Passing UIDL to Vaadin 6 style connectors ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:50 GMT+100 2017 com.vaadin.client.communication.MessageHandler INFO: * Performing server to client RPC calls ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:50 GMT+100 2017 com.vaadin.client.communication.RpcManager INFO: Server to client RPC call: 98:com.vaadin.addon.spreadsheet.client.SpreadsheetClientRpc.updateBottomRightCellValues([[r1c1cs0|Hello, world, r2c1cs0|6, r2c2cs0|7, r2c3cs0 r|42] ]) ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:50 GMT+100 2017 com.vaadin.client.communication.RpcManager INFO: Server to client RPC call: 98:com.vaadin.addon.spreadsheet.client.SpreadsheetClientRpc.showSelectedCell([1, 1, Hello, world, false, false, true] ) ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:50 GMT+100 2017 com.vaadin.client.communication.MessageHandler INFO: * Unregistered 0 connectors ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:50 GMT+100 2017 com.vaadin.client.communication.MessageHandler INFO: handleUIDLMessage: 26 ms ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:50 GMT+100 2017 com.vaadin.client.LayoutManager INFO: Starting layout phase ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:50 GMT+100 2017 com.vaadin.client.LayoutManager INFO: Measured 2 non connector elements ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:50 GMT+100 2017 com.vaadin.client.LayoutManager INFO: Pass 1 measured 23 elements, fired 0 listeners and did 0 layouts. ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:50 GMT+100 2017 com.vaadin.client.LayoutManager INFO: Did overflow fix for 1 elements ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:50 GMT+100 2017 com.vaadin.client.LayoutManager INFO: Pass 2 measured 1 elements, fired 0 listeners and did 0 layouts. ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:50 GMT+100 2017 com.vaadin.client.LayoutManager INFO: No more changes in pass 3 ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:50 GMT+100 2017 com.vaadin.client.LayoutManager INFO: Total layout phase time: 13ms ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:50 GMT+100 2017 com.vaadin.client.communication.MessageHandler INFO: Processing time was 44ms ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:50 GMT+100 2017 com.vaadin.client.communication.MessageHandler INFO: Referenced paintables: 31 ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:53 GMT+100 2017 com.vaadin.client.VConsole INFO: New window height: 578 ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:53 GMT+100 2017 com.vaadin.client.VConsole INFO: Running layout functions due to window or parent resize ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:53 GMT+100 2017 com.vaadin.client.LayoutManager INFO: Starting layout phase ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:53 GMT+100 2017 com.vaadin.client.LayoutManager INFO: Measured 2 non connector elements ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:53 GMT+100 2017 com.vaadin.client.LayoutManager INFO: Pass 1 measured 2 elements, fired 0 listeners and did 1 layouts. ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:53 GMT+100 2017 com.vaadin.client.LayoutManager INFO: Pass 2 measured 8 elements, fired 0 listeners and did 1 layouts. ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:53 GMT+100 2017 com.vaadin.client.LayoutManager INFO: Did overflow fix for 1 elements ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:53 GMT+100 2017 com.vaadin.client.LayoutManager INFO: Pass 3 measured 1 elements, fired 0 listeners and did 0 layouts. ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:53 GMT+100 2017 com.vaadin.client.LayoutManager INFO: No more changes in pass 4 ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:53 GMT+100 2017 com.vaadin.client.LayoutManager INFO: Total layout phase time: 67ms ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:53 GMT+100 2017 com.vaadin.client.VConsole INFO: New window height: 511 ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:53 GMT+100 2017 com.vaadin.client.VConsole INFO: Running layout functions due to window or parent resize ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:53 GMT+100 2017 com.vaadin.client.LayoutManager INFO: Starting layout phase ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:53 GMT+100 2017 com.vaadin.client.LayoutManager INFO: Measured 2 non connector elements ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:53 GMT+100 2017 com.vaadin.client.LayoutManager INFO: Pass 1 measured 2 elements, fired 0 listeners and did 1 layouts. ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:53 GMT+100 2017 com.vaadin.client.LayoutManager INFO: Pass 2 measured 8 elements, fired 0 listeners and did 1 layouts. ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:53 GMT+100 2017 com.vaadin.client.LayoutManager INFO: Did overflow fix for 1 elements ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:53 GMT+100 2017 com.vaadin.client.LayoutManager INFO: Pass 3 measured 1 elements, fired 0 listeners and did 0 layouts. ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:53 GMT+100 2017 com.vaadin.client.LayoutManager INFO: No more changes in pass 4 ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:53 GMT+100 2017 com.vaadin.client.LayoutManager INFO: Total layout phase time: 33ms ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:53 GMT+100 2017 com.vaadin.client.LayoutManager INFO: Starting layout phase ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:53 GMT+100 2017 com.vaadin.client.LayoutManager INFO: Measured 2 non connector elements ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:53 GMT+100 2017 com.vaadin.client.LayoutManager INFO: Pass 1 measured 2 elements, fired 0 listeners and did 1 layouts. ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:53 GMT+100 2017 com.vaadin.client.LayoutManager INFO: No more changes in pass 2 ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:53 GMT+100 2017 com.vaadin.client.LayoutManager INFO: Total layout phase time: 12ms ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:53 GMT+100 2017 com.vaadin.client.VConsole INFO: New window height: 391 ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:53 GMT+100 2017 com.vaadin.client.VConsole INFO: Running layout functions due to window or parent resize ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:53 GMT+100 2017 com.vaadin.client.LayoutManager INFO: Starting layout phase ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:53 GMT+100 2017 com.vaadin.client.LayoutManager INFO: Measured 2 non connector elements ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:53 GMT+100 2017 com.vaadin.client.LayoutManager INFO: Pass 1 measured 2 elements, fired 0 listeners and did 1 layouts. ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:53 GMT+100 2017 com.vaadin.client.LayoutManager INFO: Pass 2 measured 8 elements, fired 0 listeners and did 1 layouts. ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:53 GMT+100 2017 com.vaadin.client.LayoutManager INFO: Did overflow fix for 1 elements ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:53 GMT+100 2017 com.vaadin.client.LayoutManager INFO: Pass 3 measured 1 elements, fired 0 listeners and did 0 layouts. ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:53 GMT+100 2017 com.vaadin.client.LayoutManager INFO: No more changes in pass 4 ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:53 GMT+100 2017 com.vaadin.client.LayoutManager INFO: Total layout phase time: 39ms ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:53 GMT+100 2017 com.vaadin.client.LayoutManager INFO: Starting layout phase ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:53 GMT+100 2017 com.vaadin.client.LayoutManager INFO: Measured 2 non connector elements ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:53 GMT+100 2017 com.vaadin.client.LayoutManager INFO: Pass 1 measured 2 elements, fired 0 listeners and did 1 layouts. ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:53 GMT+100 2017 com.vaadin.client.LayoutManager INFO: No more changes in pass 2 ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:53 GMT+100 2017 com.vaadin.client.LayoutManager INFO: Total layout phase time: 7ms ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:53 GMT+100 2017 com.vaadin.client.VConsole INFO: New window height: 354 ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:53 GMT+100 2017 com.vaadin.client.VConsole INFO: Running layout functions due to window or parent resize ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:53 GMT+100 2017 com.vaadin.client.LayoutManager INFO: Starting layout phase ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:53 GMT+100 2017 com.vaadin.client.LayoutManager INFO: Measured 2 non connector elements ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:53 GMT+100 2017 com.vaadin.client.LayoutManager INFO: Pass 1 measured 2 elements, fired 0 listeners and did 1 layouts. ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:53 GMT+100 2017 com.vaadin.client.LayoutManager INFO: Pass 2 measured 8 elements, fired 0 listeners and did 1 layouts. ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:53 GMT+100 2017 com.vaadin.client.LayoutManager INFO: Did overflow fix for 1 elements ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:53 GMT+100 2017 com.vaadin.client.LayoutManager INFO: Pass 3 measured 1 elements, fired 0 listeners and did 0 layouts. ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:53 GMT+100 2017 com.vaadin.client.LayoutManager INFO: No more changes in pass 4 ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:53 GMT+100 2017 com.vaadin.client.LayoutManager INFO: Total layout phase time: 25ms ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:53 GMT+100 2017 com.vaadin.client.LayoutManager INFO: Starting layout phase ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:53 GMT+100 2017 com.vaadin.client.LayoutManager INFO: Measured 2 non connector elements ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:53 GMT+100 2017 com.vaadin.client.LayoutManager INFO: Pass 1 measured 2 elements, fired 0 listeners and did 1 layouts. ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:53 GMT+100 2017 com.vaadin.client.LayoutManager INFO: No more changes in pass 2 ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:53 GMT+100 2017 com.vaadin.client.LayoutManager INFO: Total layout phase time: 6ms ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:53 GMT+100 2017 com.vaadin.client.VConsole INFO: New window height: 342 ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:53 GMT+100 2017 com.vaadin.client.VConsole INFO: Running layout functions due to window or parent resize ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:53 GMT+100 2017 com.vaadin.client.LayoutManager INFO: Starting layout phase ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:53 GMT+100 2017 com.vaadin.client.LayoutManager INFO: Measured 2 non connector elements ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:53 GMT+100 2017 com.vaadin.client.LayoutManager INFO: Pass 1 measured 2 elements, fired 0 listeners and did 1 layouts. ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:53 GMT+100 2017 com.vaadin.client.LayoutManager INFO: Pass 2 measured 8 elements, fired 0 listeners and did 1 layouts. ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:53 GMT+100 2017 com.vaadin.client.LayoutManager INFO: Did overflow fix for 1 elements ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:53 GMT+100 2017 com.vaadin.client.LayoutManager INFO: Pass 3 measured 1 elements, fired 0 listeners and did 0 layouts. ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:53 GMT+100 2017 com.vaadin.client.LayoutManager INFO: No more changes in pass 4 ptsmcWidgetset-0.js:7676 Fri Jan 13 09:51:53 GMT+100 2017 com.vaadin.client.LayoutManager INFO: Total layout phase time: 24msI should also say that the vaadin ?debug console reports that client/server/theme all are 7.7.6, and report no layout problems.

ollit.1 · January 13, 2017, 10:48am

My best guess is that you have some weird layouting and/or CSS stuff going on. I suggest you start working by process of elimination and remove stuff until you get the spreadsheet working.

-Olli

Guttorm · January 13, 2017, 1:59pm

I finally found the problem…

My theme did not include the neccessary spreadsheet css.

Not sure why, but my addons.scss did not have “@include spreadsheet”.
The comments in this file says it is automatically generated, but that doesn’t seem to happen for us.

Also, styles.scss did not have “@include addons”…

With these changes, it works!

ollit.1 · January 13, 2017, 2:01pm

Great