SmartClient 10 Cube Scrollbars

[patrickmann]

I'm currently migrating from SmartClient 8 to SmartClient 10 (v10.0p_2014-09-29/EVAL Deployment) and I'm having an issue with cubes.

My cubes which previously would render correctly in 8, are now showing scrollbars unnecessarily. This by itself would not be a problem, however the horizontal scrollbar is covering up my row total.

I've uploaded 2 images. One to show how much space I have on the screen for the cube. The other to show the cube more clearly.

Any idea how to fix this?

[patrickmann]

It appears this issue has something to do with the width and height of the cube. If the values are static numbers less than the exact dimensions of the cube, the cube renders properly, otherwise it renders with the scrollbars on top of the cube data.

Forgot to mention I'm currently running on Chrome Version 37.0.2062.124 m

[patrickmann]

Found a workaround. Not sure if this helps determine the problem. If I wait a second and then redraw the cube, the scrollbars go away.

            var grid = isc.CubeGrid.create(data);
            content.setMembers([
            grid
            ]);
            setTimeout(function() {grid.redraw();},1000);

[patrickmann]

This works even better.

setTimeout(function() {grid.redraw();},1);

I can live with my workaround for now, but it is something Isomorphic might want to look into.

[Isomorphic]

Sounds like you have a workaround, but for possibly looking into this as a bug, can you clarify what you're doing here?

If we take the Basic Cube sample and put in some pixel widths that exactly match the actual rendered size (800x279), there are no scrollbars.

If we make it too short, a vertical scrollbar appears as expected, and a horizontal scrollbar becomes necessary between the vertical scrollbar itself reduces the horizontal space.

So that's all as expected. Are you able to make changes to this sample to create misbehavior like you're seeing?

[patrickmann]

The width and height of the cube is indeterminate, so I set the width and height to "100%". When it renders in my browser the scrollbars show on top of the cube blocking the row total line. I tried different static settings to see what would make this scrollbar disappear or display properly. It seems that when the set dimensions are less than the dimensions of the cube and the scrollbar should show, everything renders properly. Otherwise, when it should be hidden, the scrollbar is rendering on top of the cube. This is my main concern.

I will follow up with the generated JSON that produces this result.

[patrickmann]

Update:

I've not yet been able to produce a solid test case using your feature explorer. I've used my data cube and even tried displaying it in containers like my app. My only conclusion is that the problem is caused by something I'm doing at a higher level in my platform. I'll have to investigate this further on my end. If I can find a sample case to bring you I will update this thread with the sample code that reproduces this issue.

Thanks for your help.

[Isomorphic]

Thanks for the investigative work. A couple of avenues we'd recommend pursuing whenever you get back to this:

1. make sure you're using the HTML5 DOCTYPE (see FAQ)

2. try removing all CSS other than the default CSS that ships with SmartClient