Announcement

Collapse
No announcement yet.
X
  • Filter
  • Time
Clear All
new posts

    Disco/Flickering Screen, Visual defects with Simplicity

    For a number of years now in our SmartGWT application we have been getting complaints from our clients about what there described as disco screens, which is flickering of a scrollbar been displayed and not displayed. I am well aware of the document here http://forums.smartclient.com/forum/...wt-faq#aVisual and am confident that non of these are the cause of the issue. It's worth noting that the disco screens only seem to occur on the "Simplicity" Skin and at certain resolutions and does not always occur so it's not always easy to replicate.

    In the past we have worked around these issue by setting the overflow to hidden where scrolling is not need, but it we could really do with a fix to this as we almost had our software pulled on health and safety grounds, luckily we were able to change the skin to prevent that happening.

    This is a screenshot of the issue. Click image for larger version

Name:	disco.gif.gif
Views:	239
Size:	304.1 KB
ID:	243785



    The flickering happens much faster than is observed here. It would appear that it's being detected that scrollbars are required and displayed, then straight away detected they are not need and removed again. I have turned on the logging for sizing and there is a huge endless amount of logging being produced, this is the top 500 lines. We have had other issue in Simplicity Skin previously, I'll just mention this issue I raised incase it's related http://forums.smartclient.com/forum/...ed-in-showcase


    Code:
    Remote Debugging unavailable (Messaging endpoint not responding).  To enable Remote Debugging, see the Remote Debugging overview in the reference.
    Global Log Priorities updated: Logging messages at priority 'Debug' and above for category 'sizing'.
    14:17:44.370:TMR9:INFO:sizing:isc_Button_32:Specified size: 834x25, drawn scroll size: 834x25, border: 0x0, margin: 0x0, reason: redraw
    14:17:44.371:TMR9:DEBUG:sizing:isc_Button_32:handle sizes: {scrollLeft: 0,
    scrollTop: 0,
    scrollWidth: 834,
    scrollHeight: 25,
    clientWidth: undef,
    clientHeight: undef,
    offsetWidth: 834,
    offsetHeight: 25,
    styleLeft: "228px",
    styleTop: "0px",
    styleWidth: "834px",
    styleHeight: "25px",
    styleClip: ""}
    14:17:44.374:TMR9:INFO:sizing:isc_Toolbar_5:Specified size: 1062x25, drawn scroll size: 1062x25, border: 0x0, margin: 0x0, reason: resize
    14:17:44.375:TMR9:DEBUG:sizing:isc_Toolbar_5:handle sizes: {scrollLeft: 0,
    scrollTop: 0,
    scrollWidth: 1062,
    scrollHeight: 25,
    clientWidth: undef,
    clientHeight: undef,
    offsetWidth: 1062,
    offsetHeight: 25,
    styleLeft: "0px",
    styleTop: "0px",
    styleWidth: "1062px",
    styleHeight: "25px",
    styleClip: ""}
    14:17:44.383:TMR9:INFO:sizing:isc_ThemeAdminPage_3_0_body:Specified size: 1078x223, drawn scroll size: 1078x223, border: 0x0, margin: 0x0, reason: redraw
    14:17:44.384:TMR9:DEBUG:sizing:isc_ThemeAdminPage_3_0_body:handle sizes: {scrollLeft: 0,
    scrollTop: 0,
    scrollWidth: 1078,
    scrollHeight: 223,
    clientWidth: undef,
    clientHeight: undef,
    offsetWidth: 1078,
    offsetHeight: 223,
    styleLeft: "0px",
    styleTop: "25px",
    styleWidth: "1078px",
    styleHeight: "223px",
    styleClip: ""}
    14:17:44.384:TMR9:INFO:sizing:isc_ThemeAdminPage_3_0:Specified size: 1080x250, drawn scroll size: 1094x248, border: 2x2, margin: 0x0, reason: resize
    14:17:44.385:TMR9:DEBUG:sizing:isc_ThemeAdminPage_3_0:handle sizes: {scrollLeft: 0,
    scrollTop: 0,
    scrollWidth: 1094,
    scrollHeight: 248,
    clientWidth: undef,
    clientHeight: undef,
    offsetWidth: 1080,
    offsetHeight: 250,
    styleLeft: "105px",
    styleTop: "49px",
    styleWidth: "1078px",
    styleHeight: "248px",
    styleClip: ""}
    14:17:44.401:TMR9:INFO:sizing:isc_DynamicForm_20:Specified size: 1220x493, drawn scroll size: 1204x478, border: 0x0, margin: 0x0, reason: redraw
    14:17:44.402:TMR9:DEBUG:sizing:isc_DynamicForm_20:handle sizes: {scrollLeft: 0,
    scrollTop: 0,
    scrollWidth: 1204,
    scrollHeight: 478,
    clientWidth: undef,
    clientHeight: undef,
    offsetWidth: 1204,
    offsetHeight: 478,
    styleLeft: "0px",
    styleTop: "57px",
    styleWidth: "1204px",
    styleHeight: "477px",
    styleClip: ""}
    14:17:44.404:TMR9:INFO:sizing:isc_DynamicForm_20_hscroll:Specified size: 1x1, drawn scroll size: 37x14, border: 0x0, margin: 0x0, reason: resize
    14:17:44.405:TMR9:DEBUG:sizing:isc_DynamicForm_20_hscroll:handle sizes: {scrollLeft: 0,
    scrollTop: 0,
    scrollWidth: 37,
    scrollHeight: 14,
    clientWidth: undef,
    clientHeight: undef,
    offsetWidth: 1,
    offsetHeight: 2,
    styleLeft: "0px",
    styleTop: "57px",
    styleWidth: "1px",
    styleHeight: "1px",
    styleClip: ""}
    14:17:44.406:TMR9:INFO:sizing:isc_DynamicForm_20_hscroll_thumb:Specified height:1 adjusted for border, margin, and scrollbars would cause initial handle size to be less than or equal to zero, which is not supported. Clamping handle height to 1px.
    14:17:44.408:TMR9:INFO:sizing:isc_DynamicForm_20_vscroll:Specified size: 1x1, drawn scroll size: 1x38, border: 0x0, margin: 0x0, reason: resize
    14:17:44.409:TMR9:DEBUG:sizing:isc_DynamicForm_20_vscroll:handle sizes: {scrollLeft: 0,
    scrollTop: 0,
    scrollWidth: 1,
    scrollHeight: 38,
    clientWidth: undef,
    clientHeight: undef,
    offsetWidth: 1,
    offsetHeight: 2,
    styleLeft: "0px",
    styleTop: "57px",
    styleWidth: "1px",
    styleHeight: "1px",
    styleClip: ""}
    14:17:44.410:TMR9:INFO:sizing:isc_DynamicForm_20_vscroll_thumb:Specified width:1 adjusted for border, margin, and scrollbars would cause initial handle size to be less than or equal to zero, which is not supported. Clamping handle width to 1px.
    14:17:44.438:TMR5:INFO:sizing:isc_ThemeAdminPage_3_0:Specified size: 1080x250, drawn scroll size: 1078x248, border: 2x2, margin: 0x0, reason: childMoved
    14:17:44.439:TMR5:DEBUG:sizing:isc_ThemeAdminPage_3_0:handle sizes: {scrollLeft: 0,
    scrollTop: 0,
    scrollWidth: 1078,
    scrollHeight: 248,
    clientWidth: undef,
    clientHeight: undef,
    offsetWidth: 1080,
    offsetHeight: 250,
    styleLeft: "121px",
    styleTop: "49px",
    styleWidth: "1078px",
    styleHeight: "248px",
    styleClip: ""}
    14:17:44.476:TMR7:INFO:sizing:isc_Button_32:Specified size: 850x25, drawn scroll size: 850x25, border: 0x0, margin: 0x0, reason: redraw
    14:17:44.477:TMR7:DEBUG:sizing:isc_Button_32:handle sizes: {scrollLeft: 0,
    scrollTop: 0,
    scrollWidth: 850,
    scrollHeight: 25,
    clientWidth: undef,
    clientHeight: undef,
    offsetWidth: 850,
    offsetHeight: 25,
    styleLeft: "228px",
    styleTop: "0px",
    styleWidth: "850px",
    styleHeight: "25px",
    styleClip: ""}
    14:17:44.479:TMR7:INFO:sizing:isc_Toolbar_5:Specified size: 1078x25, drawn scroll size: 1078x25, border: 0x0, margin: 0x0, reason: resize
    14:17:44.480:TMR7:DEBUG:sizing:isc_Toolbar_5:handle sizes: {scrollLeft: 0,
    scrollTop: 0,
    scrollWidth: 1078,
    scrollHeight: 25,
    clientWidth: undef,
    clientHeight: undef,
    offsetWidth: 1078,
    offsetHeight: 25,
    styleLeft: "0px",
    styleTop: "0px",
    styleWidth: "1078px",
    styleHeight: "25px",
    styleClip: ""}
    14:17:44.493:TMR7:INFO:sizing:isc_ThemeAdminPage_3_0_body:Specified size: 1094x223, drawn scroll size: 1094x223, border: 0x0, margin: 0x0, reason: redraw
    14:17:44.493:TMR7:DEBUG:sizing:isc_ThemeAdminPage_3_0_body:handle sizes: {scrollLeft: 0,
    scrollTop: 0,
    scrollWidth: 1094,
    scrollHeight: 223,
    clientWidth: undef,
    clientHeight: undef,
    offsetWidth: 1094,
    offsetHeight: 223,
    styleLeft: "0px",
    styleTop: "25px",
    styleWidth: "1094px",
    styleHeight: "223px",
    styleClip: ""}
    14:17:44.494:TMR7:INFO:sizing:isc_ThemeAdminPage_3_0:Specified size: 1096x250, drawn scroll size: 1094x248, border: 2x2, margin: 0x0, reason: resize
    14:17:44.495:TMR7:DEBUG:sizing:isc_ThemeAdminPage_3_0:handle sizes: {scrollLeft: 0,
    scrollTop: 0,
    scrollWidth: 1094,
    scrollHeight: 248,
    clientWidth: undef,
    clientHeight: undef,
    offsetWidth: 1096,
    offsetHeight: 250,
    styleLeft: "121px",
    styleTop: "49px",
    styleWidth: "1094px",
    styleHeight: "248px",
    styleClip: ""}
    14:17:44.504:TMR7:INFO:sizing:isc_DynamicForm_20:Specified size: 1220x493, drawn scroll size: 1220x494, border: 0x0, margin: 0x0, reason: redraw
    14:17:44.505:TMR7:DEBUG:sizing:isc_DynamicForm_20:handle sizes: {scrollLeft: 0,
    scrollTop: 0,
    scrollWidth: 1220,
    scrollHeight: 494,
    clientWidth: undef,
    clientHeight: undef,
    offsetWidth: 1220,
    offsetHeight: 494,
    styleLeft: "0px",
    styleTop: "57px",
    styleWidth: "1220px",
    styleHeight: "493px",
    styleClip: ""}
    14:17:44.509:TMR7:INFO:sizing:isc_DynamicForm_20_hscroll:Specified size: 1204x16, drawn scroll size: 1204x16, border: 0x0, margin: 0x0, reason: resize
    14:17:44.510:TMR7:DEBUG:sizing:isc_DynamicForm_20_hscroll:handle sizes: {scrollLeft: 0,
    scrollTop: 0,
    scrollWidth: 1204,
    scrollHeight: 16,
    clientWidth: undef,
    clientHeight: undef,
    offsetWidth: 1204,
    offsetHeight: 16,
    styleLeft: "0px",
    styleTop: "534px",
    styleWidth: "1204px",
    styleHeight: "16px",
    styleClip: ""}
    14:17:44.515:TMR7:INFO:sizing:isc_DynamicForm_20_hscroll_thumb:Specified size: 1159x16, drawn scroll size: 1157x14, border: 2x2, margin: 1x0, reason: redraw
    14:17:44.516:TMR7:DEBUG:sizing:isc_DynamicForm_20_hscroll_thumb:handle sizes: {scrollLeft: 0,
    scrollTop: 0,
    scrollWidth: 1157,
    scrollHeight: 14,
    clientWidth: undef,
    clientHeight: undef,
    offsetWidth: 1158,
    offsetHeight: 14,
    styleLeft: "16px",
    styleTop: "534px",
    styleWidth: "1157px",
    styleHeight: "13px",
    styleClip: ""}
    14:17:44.518:TMR7:INFO:sizing:isc_DynamicForm_20_vscroll:Specified size: 16x493, drawn scroll size: 16x494, border: 0x0, margin: 0x0, reason: resize
    14:17:44.518:TMR7:DEBUG:sizing:isc_DynamicForm_20_vscroll:handle sizes: {scrollLeft: 0,
    scrollTop: 0,
    scrollWidth: 16,
    scrollHeight: 494,
    clientWidth: undef,
    clientHeight: undef,
    offsetWidth: 16,
    offsetHeight: 494,
    styleLeft: "1204px",
    styleTop: "57px",
    styleWidth: "16px",
    styleHeight: "493px",
    styleClip: ""}
    14:17:44.521:TMR7:INFO:sizing:isc_DynamicForm_20_vscroll_thumb:Specified size: 16x444, drawn scroll size: 13x442, border: 2x2, margin: 0x1, reason: redraw
    14:17:44.522:TMR7:DEBUG:sizing:isc_DynamicForm_20_vscroll_thumb:handle sizes: {scrollLeft: 0,
    scrollTop: 0,
    scrollWidth: 13,
    scrollHeight: 442,
    clientWidth: undef,
    clientHeight: undef,
    offsetWidth: 14,
    offsetHeight: 444,
    styleLeft: "1204px",
    styleTop: "73px",
    styleWidth: "13px",
    styleHeight: "442px",
    styleClip: ""}
    14:17:44.530:TMR3:INFO:sizing:isc_ThemeAdminPage_0:Specified size: 1220x550, drawn scroll size: 1220x550, border: 0x0, margin: 0x0, reason: childMoved
    14:17:44.530:TMR3:DEBUG:sizing:isc_ThemeAdminPage_0:handle sizes: {scrollLeft: 0,
    scrollTop: 0,
    scrollWidth: 1220,
    scrollHeight: 550,
    clientWidth: undef,
    clientHeight: undef,
    offsetWidth: 1220,
    offsetHeight: 550,
    styleLeft: "205px",
    styleTop: "0px",
    styleWidth: "1220px",
    styleHeight: "550px",
    styleClip: ""}
    14:17:44.541:TMR4:INFO:sizing:isc_ThemeAdminPage_3_0:Specified size: 1096x250, drawn scroll size: 1094x248, border: 2x2, margin: 0x0, reason: childMoved
    14:17:44.542:TMR4:DEBUG:sizing:isc_ThemeAdminPage_3_0:handle sizes: {scrollLeft: 0,
    scrollTop: 0,
    scrollWidth: 1094,
    scrollHeight: 248,
    clientWidth: undef,
    clientHeight: undef,
    offsetWidth: 1096,
    offsetHeight: 250,
    styleLeft: "105px",
    styleTop: "49px",
    styleWidth: "1094px",
    styleHeight: "248px",
    styleClip: ""}
    14:17:44.568:TMR6:INFO:sizing:isc_Button_32:Specified size: 834x25, drawn scroll size: 834x25, border: 0x0, margin: 0x0, reason: redraw
    14:17:44.570:TMR6:DEBUG:sizing:isc_Button_32:handle sizes: {scrollLeft: 0,
    scrollTop: 0,
    scrollWidth: 834,
    scrollHeight: 25,
    clientWidth: undef,
    clientHeight: undef,
    offsetWidth: 834,
    offsetHeight: 25,
    styleLeft: "228px",
    styleTop: "0px",
    styleWidth: "834px",
    styleHeight: "25px",
    styleClip: ""}
    14:17:44.573:TMR6:INFO:sizing:isc_Toolbar_5:Specified size: 1062x25, drawn scroll size: 1062x25, border: 0x0, margin: 0x0, reason: resize
    14:17:44.574:TMR6:DEBUG:sizing:isc_Toolbar_5:handle sizes: {scrollLeft: 0,
    scrollTop: 0,
    scrollWidth: 1062,
    scrollHeight: 25,
    clientWidth: undef,
    clientHeight: undef,
    offsetWidth: 1062,
    offsetHeight: 25,
    styleLeft: "0px",
    styleTop: "0px",
    styleWidth: "1062px",
    styleHeight: "25px",
    styleClip: ""}
    14:17:44.586:TMR6:INFO:sizing:isc_ThemeAdminPage_3_0_body:Specified size: 1078x223, drawn scroll size: 1078x223, border: 0x0, margin: 0x0, reason: redraw
    14:17:44.587:TMR6:DEBUG:sizing:isc_ThemeAdminPage_3_0_body:handle sizes: {scrollLeft: 0,
    scrollTop: 0,
    scrollWidth: 1078,
    scrollHeight: 223,
    clientWidth: undef,
    clientHeight: undef,
    offsetWidth: 1078,
    offsetHeight: 223,
    styleLeft: "0px",
    styleTop: "25px",
    styleWidth: "1078px",
    styleHeight: "223px",
    styleClip: ""}
    14:17:44.588:TMR6:INFO:sizing:isc_ThemeAdminPage_3_0:Specified size: 1080x250, drawn scroll size: 1094x248, border: 2x2, margin: 0x0, reason: resize
    14:17:44.589:TMR6:DEBUG:sizing:isc_ThemeAdminPage_3_0:handle sizes: {scrollLeft: 0,
    scrollTop: 0,
    scrollWidth: 1094,
    scrollHeight: 248,
    clientWidth: undef,
    clientHeight: undef,
    offsetWidth: 1080,
    offsetHeight: 250,
    styleLeft: "105px",
    styleTop: "49px",
    styleWidth: "1078px",
    styleHeight: "248px",
    styleClip: ""}
    14:17:44.597:TMR6:INFO:sizing:isc_DynamicForm_20:Specified size: 1220x493, drawn scroll size: 1204x478, border: 0x0, margin: 0x0, reason: redraw
    14:17:44.598:TMR6:DEBUG:sizing:isc_DynamicForm_20:handle sizes: {scrollLeft: 0,
    scrollTop: 0,
    scrollWidth: 1204,
    scrollHeight: 478,
    clientWidth: undef,
    clientHeight: undef,
    offsetWidth: 1204,
    offsetHeight: 478,
    styleLeft: "0px",
    styleTop: "57px",
    styleWidth: "1204px",
    styleHeight: "477px",
    styleClip: ""}
    14:17:44.600:TMR6:INFO:sizing:isc_DynamicForm_20_hscroll:Specified size: 1x1, drawn scroll size: 37x14, border: 0x0, margin: 0x0, reason: resize
    14:17:44.601:TMR6:DEBUG:sizing:isc_DynamicForm_20_hscroll:handle sizes: {scrollLeft: 0,
    scrollTop: 0,
    scrollWidth: 37,
    scrollHeight: 14,
    clientWidth: undef,
    clientHeight: undef,
    offsetWidth: 1,
    offsetHeight: 2,
    styleLeft: "0px",
    styleTop: "57px",
    styleWidth: "1px",
    styleHeight: "1px",
    styleClip: ""}
    14:17:44.601:TMR6:INFO:sizing:isc_DynamicForm_20_hscroll_thumb:Specified height:1 adjusted for border, margin, and scrollbars would cause initial handle size to be less than or equal to zero, which is not supported. Clamping handle height to 1px.
    14:17:44.604:TMR6:INFO:sizing:isc_DynamicForm_20_vscroll:Specified size: 1x1, drawn scroll size: 1x38, border: 0x0, margin: 0x0, reason: resize
    14:17:44.605:TMR6:DEBUG:sizing:isc_DynamicForm_20_vscroll:handle sizes: {scrollLeft: 0,
    scrollTop: 0,
    scrollWidth: 1,
    scrollHeight: 38,
    clientWidth: undef,
    clientHeight: undef,
    offsetWidth: 1,
    offsetHeight: 2,
    styleLeft: "0px",
    styleTop: "57px",
    styleWidth: "1px",
    styleHeight: "1px",
    styleClip: ""}
    14:17:44.606:TMR6:INFO:sizing:isc_DynamicForm_20_vscroll_thumb:Specified width:1 adjusted for border, margin, and scrollbars would cause initial handle size to be less than or equal to zero, which is not supported. Clamping handle width to 1px.
    14:17:44.615:TMR2:INFO:sizing:isc_ThemeAdminPage_3_0:Specified size: 1080x250, drawn scroll size: 1078x248, border: 2x2, margin: 0x0, reason: childMoved
    14:17:44.617:TMR2:DEBUG:sizing:isc_ThemeAdminPage_3_0:handle sizes: {scrollLeft: 0,
    scrollTop: 0,
    scrollWidth: 1078,
    scrollHeight: 248,
    clientWidth: undef,
    clientHeight: undef,
    offsetWidth: 1080,
    offsetHeight: 250,
    styleLeft: "121px",
    styleTop: "49px",
    styleWidth: "1078px",
    styleHeight: "248px",
    styleClip: ""}
    14:17:44.656:TMR4:INFO:sizing:isc_Button_32:Specified size: 850x25, drawn scroll size: 850x25, border: 0x0, margin: 0x0, reason: redraw
    14:17:44.657:TMR4:DEBUG:sizing:isc_Button_32:handle sizes: {scrollLeft: 0,
    scrollTop: 0,
    scrollWidth: 850,
    scrollHeight: 25,
    clientWidth: undef,
    clientHeight: undef,
    offsetWidth: 850,
    offsetHeight: 25,
    styleLeft: "228px",
    styleTop: "0px",
    styleWidth: "850px",
    styleHeight: "25px",
    styleClip: ""}
    14:17:44.659:TMR4:INFO:sizing:isc_Toolbar_5:Specified size: 1078x25, drawn scroll size: 1078x25, border: 0x0, margin: 0x0, reason: resize
    14:17:44.660:TMR4:DEBUG:sizing:isc_Toolbar_5:handle sizes: {scrollLeft: 0,
    scrollTop: 0,
    scrollWidth: 1078,
    scrollHeight: 25,
    clientWidth: undef,
    clientHeight: undef,
    offsetWidth: 1078,
    offsetHeight: 25,
    styleLeft: "0px",
    styleTop: "0px",
    styleWidth: "1078px",
    styleHeight: "25px",
    styleClip: ""}
    14:17:44.687:TMR4:INFO:sizing:isc_ThemeAdminPage_3_0_body:Specified size: 1094x223, drawn scroll size: 1094x223, border: 0x0, margin: 0x0, reason: redraw
    14:17:44.688:TMR4:DEBUG:sizing:isc_ThemeAdminPage_3_0_body:handle sizes: {scrollLeft: 0,
    scrollTop: 0,
    scrollWidth: 1094,
    scrollHeight: 223,
    clientWidth: undef,
    clientHeight: undef,
    offsetWidth: 1094,
    offsetHeight: 223,
    styleLeft: "0px",
    styleTop: "25px",
    styleWidth: "1094px",
    styleHeight: "223px",
    styleClip: ""}
    14:17:44.690:TMR4:INFO:sizing:isc_ThemeAdminPage_3_0:Specified size: 1096x250, drawn scroll size: 1094x248, border: 2x2, margin: 0x0, reason: resize
    14:17:44.690:TMR4:DEBUG:sizing:isc_ThemeAdminPage_3_0:handle sizes: {scrollLeft: 0,
    scrollTop: 0,
    scrollWidth: 1094,
    scrollHeight: 248,
    clientWidth: undef,
    clientHeight: undef,
    offsetWidth: 1096,
    offsetHeight: 250,
    styleLeft: "121px",
    styleTop: "49px",
    styleWidth: "1094px",
    styleHeight: "248px",
    styleClip: ""}
    14:17:44.702:TMR4:INFO:sizing:isc_DynamicForm_20:Specified size: 1220x493, drawn scroll size: 1220x494, border: 0x0, margin: 0x0, reason: redraw
    14:17:44.703:TMR4:DEBUG:sizing:isc_DynamicForm_20:handle sizes: {scrollLeft: 0,
    scrollTop: 0,
    scrollWidth: 1220,
    scrollHeight: 494,
    clientWidth: undef,
    clientHeight: undef,
    offsetWidth: 1220,
    offsetHeight: 494,
    styleLeft: "0px",
    styleTop: "57px",
    styleWidth: "1220px",
    styleHeight: "493px",
    styleClip: ""}
    14:17:44.707:TMR4:INFO:sizing:isc_DynamicForm_20_hscroll:Specified size: 1204x16, drawn scroll size: 1204x16, border: 0x0, margin: 0x0, reason: resize
    14:17:44.708:TMR4:DEBUG:sizing:isc_DynamicForm_20_hscroll:handle sizes: {scrollLeft: 0,
    scrollTop: 0,
    scrollWidth: 1204,
    scrollHeight: 16,
    clientWidth: undef,
    clientHeight: undef,
    offsetWidth: 1204,
    offsetHeight: 16,
    styleLeft: "0px",
    styleTop: "534px",
    styleWidth: "1204px",
    styleHeight: "16px",
    styleClip: ""}
    14:17:44.714:TMR4:INFO:sizing:isc_DynamicForm_20_hscroll_thumb:Specified size: 1159x16, drawn scroll size: 1157x14, border: 2x2, margin: 1x0, reason: redraw
    14:17:44.715:TMR4:DEBUG:sizing:isc_DynamicForm_20_hscroll_thumb:handle sizes: {scrollLeft: 0,
    scrollTop: 0,
    scrollWidth: 1157,
    scrollHeight: 14,
    clientWidth: undef,
    clientHeight: undef,
    offsetWidth: 1158,
    offsetHeight: 14,
    styleLeft: "16px",
    styleTop: "534px",
    styleWidth: "1157px",
    styleHeight: "13px",
    styleClip: ""}
    14:17:44.719:TMR4:INFO:sizing:isc_DynamicForm_20_vscroll:Specified size: 16x493, drawn scroll size: 16x494, border: 0x0, margin: 0x0, reason: resize
    14:17:44.720:TMR4:DEBUG:sizing:isc_DynamicForm_20_vscroll:handle sizes: {scrollLeft: 0,
    scrollTop: 0,
    scrollWidth: 16,
    scrollHeight: 494,
    clientWidth: undef,
    clientHeight: undef,
    offsetWidth: 16,
    offsetHeight: 494,
    styleLeft: "1204px",
    styleTop: "57px",
    styleWidth: "16px",
    styleHeight: "493px",
    styleClip: ""}
    14:17:44.732:TMR4:INFO:sizing:isc_DynamicForm_20_vscroll_thumb:Specified size: 16x444, drawn scroll size: 13x442, border: 2x2, margin: 0x1, reason: redraw
    14:17:44.733:TMR4:DEBUG:sizing:isc_DynamicForm_20_vscroll_thumb:handle sizes: {scrollLeft: 0,
    scrollTop: 0,
    scrollWidth: 13,
    scrollHeight: 442,
    clientWidth: undef,
    clientHeight: undef,
    offsetWidth: 14,
    offsetHeight: 444,
    styleLeft: "1204px",
    styleTop: "73px",
    styleWidth: "13px",
    styleHeight: "442px",
    styleClip: ""}
    14:17:44.738:TMR0:INFO:sizing:isc_ThemeAdminPage_0:Specified size: 1220x550, drawn scroll size: 1220x550, border: 0x0, margin: 0x0, reason: childMoved
    14:17:44.738:TMR0:DEBUG:sizing:isc_ThemeAdminPage_0:handle sizes: {scrollLeft: 0,
    scrollTop: 0,
    scrollWidth: 1220,
    scrollHeight: 550,
    clientWidth: undef,
    clientHeight: undef,
    offsetWidth: 1220,
    offsetHeight: 550,
    styleLeft: "205px",
    styleTop: "0px",
    styleWidth: "1220px",
    styleHeight: "550px",
    styleClip: ""}
    Screenshot using Google Chrome.
    GWT Version : 2.7.0
    SmartGWT Version : 5.1p
    SmartGWT Build Date : 01/12/2016 06:19
    Last edited by ellisd5; 30 Mar 2017, 07:03.

    #2
    The underlying problem here is bugs in native browser scrollbars. This is why it's skin-specific: Simplicity is the only skin that uses browser scrollbars by default.

    Unfortunately we have no general way of working around this since the issue arises with various patterns of nested elements which come up near-randomly as you compose your UI.

    The simplest fix is to simply disable native scrollbars using the property canvas.useCustomScrollbars.

    Comment


      #3
      I've just realised that we already do that suggested work around, as that was suggested for this defect...

      http://forums.smartclient.com/forum/...ed-in-showcase

      Checking the network tab there is only only theme being loaded so don't think that is the issue...

      Code:
      <!DOCTYPE html>
      <html>
      <head>
      
          <meta http-equiv="X-UA-Compatible" content="IE=Edge"/>
          <meta name="viewport" content="initial-scale=1, width=device-width, user-scalable=no, minimum-scale=1, maximum-scale=1, minimal-ui"/>
          <meta name="apple-mobile-web-app-capable" content="yes"/>
          <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
      
          <title>Liberty CXM</title>
      
          <link rel="shortcut icon" href="favicon.ico"/>
      
      
          <script type="text/javascript" language="javascript" src="./js/jquery-2.1.4.min.js"></script>
          <script type="text/javascript" language="javascript" src="ckeditor-4.3.4/ckeditor.js"></script>
          <script type="text/javascript" language="javascript" src="ckeditor-4.3.4/adapters/jquery.js"></script>
          <script type="text/javascript" language="javascript" src="js/sandblaster.js"></script>
      
      </head>
      <body class="title">
      
      <iframe src="javascript:''" id="__gwt_historyFrame" style="width:0;height:0;border:0"></iframe>
      
      <script type="text/javascript">
          var isomorphicDir = "serengeti.crm/sc/";
          isc_css3Mode = "on";
      </script>
      
      <!-- Used for flashing messgae alert when browser minimised -->
      <script type="text/javascript" src="js/browserActive.js"></script>
      
      <!--include the SC Core API-->
      
      
      <script type="text/javascript">setStageMessage("Loading ISC_Core.js");</script>
      <script src="serengeti.crm/sc/modules/ISC_Core.js"></script>
      
      <script type="text/javascript">setStageMessage("Loading ISC_Foundation.js");</script>
      <script src="serengeti.crm/sc/modules/ISC_Foundation.js"></script>
      
      <script type="text/javascript">setStageMessage("Loading ISC_Containers.js");</script>
      <script src="serengeti.crm/sc/modules/ISC_Containers.js"></script>
      
      <script type="text/javascript">setStageMessage("Loading ISC_Grids.js");</script>
      <script src="serengeti.crm/sc/modules/ISC_Grids.js"></script>
      
      <script type="text/javascript">setStageMessage("Loading ISC_Forms.js");</script>
      <script src="serengeti.crm/sc/modules/ISC_Forms.js"></script>
      
      <script type="text/javascript">setStageMessage("Loading ISC_RichTextEditor.js");</script>
      <script src="serengeti.crm/sc/modules/ISC_RichTextEditor.js"></script>
      
      <script type="text/javascript">setStageMessage("Loading ISC_Calendar.js");</script>
      <script src="serengeti.crm/sc/modules/ISC_Calendar.js"></script>
      
      <script type="text/javascript">setStageMessage("Loading ISC_DataBinding.js");</script>
      <script src="serengeti.crm/sc/modules/ISC_DataBinding.js"></script>
      
      <script type="text/javascript">setStageMessage("Loading ISC_Drawing.js");</script>
      <script src="serengeti.crm/sc/modules/ISC_Drawing.js"></script>
      
      <script type="text/javascript">setStageMessage("Loading ISC_Charts.js");</script>
      <script src="serengeti.crm/sc/modules/ISC_Charts.js"></script>
      
      
      
      <script type="text/javascript">
          // CRM-3444 - Work around - http://forums.smartclient.com/forum/smart-gwt-technical-q-a/34222-issue-with-selectitem-in-simplicity-skin-verified-in-showcase#post232586
          isc.Canvas.addProperties({showCustomScrollbars: true});
      </script>
      
      <script src="serengeti.crm/sc/skins/Simplicity/load_skin.js?isc_version=10.0.js"></script>
      <script type="text/javascript" language="javascript" src="serengeti.crm/serengeti.crm.nocache.js"></script>
      
      </body>
      </html>
      What else could cause the issue? Is there anything else I can provide to help figure out this issue?

      Comment


        #4
        Also just to add to this, our users are reporting similar issues when they use browser zooming, believe this may be happening for all skins

        Comment


          #5
          Hi ellisd5,

          I had problems with Browser or System zoom as well, please note that it is not supported.
          I did not hear complaints because of to small fonts etc. so far, but if I do, it could be a solution to use the 6.0p-resize features and offer them in the GUI like in the showcase.

          Best regards
          Blama

          Comment


            #6
            Although it looks like you are enabling custom scrollbars correctly, you should double-check the live application using browser DOM inspection tools, as we have zero outstanding reports of flickering scrollbars with any non-Simplicity skins, as you've said yourself that this problem is not happening in other skins (at least without zoom).

            As far as fixing the problem if real, it's always the same thing: we need a way to reproduce the problem, or we can't fix it. Ideally, a minimal, ready-to-run test case.

            As far as looking into this on your own first, we would look at whether it can still be reproduced if you remove all CSS rules that didn't come from our software, and whether it can be reproduced if you remove third-party JS libraries.

            Comment


              #7
              FYI: IMHO you can see from the Screenshot in #1 that custom scrollbars are indeed in use.

              Best regards
              Blama (not OP)

              Comment


                #8
                Yea I should have stated a the time, I checked the DOM, they are custom scrollbars.I will try and create you a simple test case (although as there is a workaround (use different skin) this probably won't be for some time)

                Thanks
                Dale

                Comment

                Working...
                X