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

  • Misaligned cells in ListGrid


    I few months ago my company sponsored a feature for ListGrid to support frozen fields with auto row heights. We're having some trouble getting the cells to align using certain formats. Bold text (and possibly empty cells) seem to cause problems. I've attached a test case, you should see the misalignment right away -- in some cases scrolling around seemed to snap things back into place.
    Click image for larger version

Name:	listgrid.png
Views:	1
Size:	21.4 KB
ID:	254851

    Seen in Chrome and IE
    SmartClient Version: SNAPSHOT_v12.1d_2018-09-04/LGPL Development Only (built 2018-09-04)

    Attached Files

  • #2
    Thanks John - we have a developer looking at this. We'll follow up when we have more information for you


    • #3
      Removing the "!important" specification on the border applied by getCellCSSText fixes the issue (and retains the border).
      This is due to an implementation detail around how frozen vs unfrozen variable row heights are kept in synch. It may be possible to work around at the framework level but the easiest fix would just be to remove it.

      Is there a case where this !important marker is required for you? Can you clarify why this is present?



      • #4
        OK, thanks. The "!important" was just left over from an older test case; we don't need support for that at the framework level. My actual implementation doesn't use it, but I'm still seeing the issue. Let me see if I can get you a more representative test case.


        • #5
          I was able to recreate the issue with that same test case, minus the "!important" keyword. It seems like you have to scroll in a particular way to see it, and even then, it doesn't happen every time. In the attached gif, I started recording in a misaligned state, clicked on a frozen cell, scrolled to the top, and then scrolled to the bottom. I used the scroll wheel the whole time. Also, about a third of the way through scrolling down, you can see the scroll bar jump to the top.

          These details seem to be important for reproducing it:
          • Having mouse focus or hovering over the frozen column
          • Using the scroll bar
          • Resizing your window so you have a lots of room to scroll (or just set the grid height to about 500px)
          Attached Files


          • #6
            Thanks for the extra information - we're taking a look.


            • #7
              We found we could reproduce this issue in Internet Explorer, and have made a change which should address this.
              Please try the next nightly build, dated September 14, on the 12.0 or 12.1d branch

              Isomorphic Software