Important Notice - Forums is archived
To simplify things and help our users to be more productive, we have archived the current forum and focus our efforts on helping developers on Stack Overflow. You can post new questions on Stack Overflow or join our Discord channel.

Vaadin lets you build secure, UX-first PWAs entirely in Java.
Free ebook & tutorial.
Vaadin Spreadsheet - Renders invisible, except for a tiny square in top lef
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?
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
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: 24ms
I should also say that the vaadin ?debug console reports that client/server/theme all are 7.7.6, and report no layout problems.
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
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! :)