Announcement

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

    Editable ListGrid Tabbing Issues with Internet Explorer

    Using SmartClient 8.1 and Internet Explorer 8.

    There seems to be an issue with tabbing in an editable ListGrid (canEdit = true) using Internet Explorer, such that the tabbing prematurely exits the editable grid cells or the grid altogether, or gets stuck on the row and does not enter the next editable cell.

    This behavior can be reproduced in the online showcase (Feature Explorer) using the samples in Grids > Editing.

    The tabbing works correctly, or as expected, with Safari and Firefox (the only other browsers with which I tested).

    Is there a known or suggested workaround or fix for this issue?

    #2
    This has been fixed. Please download a nightly of 2.5.x from smartclient.com/builds (this build series contains only fixed relative to the 2.5 release). It would be great if you could confirm this solves your problem as there are certain browser extensions that can also cause issues like this.

    Comment


      #3
      When John316 posted this, he mentioned we were using SmartClient 8.1, but you said it was fixed in SmartGWT 2.5.x.

      We downloaded the nightly build for 8.1.x and the problem still exists.

      I'm confused. Is it in SmartClient 8.1.x?

      Comment


        #4
        Yes, SmartClient 8.1.x corresponds to SmartGWT 2.5.x.

        Comment


          #5
          Well, then it still doesn't work

          Comment


            #6
            We've already tested with the downloadable SDK. Make sure you clear your cache so you're not still using the old version.

            Comment


              #7
              Have tested with/without add-ons disabled using SmartClient_SC_SNAPSHOT-2011-11-14_LGPL using the Grids > Data binding > Inline data example, with the addition of:

              Code:
                              canEdit: true,
                              editEvent: "click",
                              editByCell: true
              The problem behavior seems to happen in the first or last column/cell of an editable row. When tabbing, the navigation will leave the grid and go to other areas of the browser or page (address bar, etc.). If you hold down the tab key, the focus will sometimes circumnavigate the page/browser window, and then return to the grid cell that last had focus, and may then continue navigating the editable grid rows/cells correctly.

              When using shift-tab to navigate backwards, the problem occurs from any cell, not just the first or last. At least, that's what I have observed.

              The problem can occur when holding down the tab key, or when individually pressing the tab key to navigate from cell to cell/row to row. Ensured that cache was cleared before testing.
              Last edited by john316; 16 Nov 2011, 13:33.

              Comment


                #8
                Are you testing this with your Developer Console open? If so, close it. IE has bugs when the Developer Console is open (like not sending keyUp events intermittently) for which there is no known workaround.

                Also, if you're testing inside the Feature Explorer, try a standalone test (the Feature Explorer is a specialized environment).

                Comment


                  #9
                  Running stand-alone, not running Developer Console, and not using Feature Explorer.

                  Have the following in a file and just opening with a browser.

                  Code:
                  <HTML><HEAD><TITLE>Integrating with a .NET web service</TITLE>
                      <SCRIPT>var isomorphicDir="isomorphic/";</SCRIPT>
                      <SCRIPT SRC=isomorphic/system/modules/ISC_Core.js></SCRIPT>
                      <SCRIPT SRC=isomorphic/system/modules/ISC_Foundation.js></SCRIPT>
                      <SCRIPT SRC=isomorphic/system/modules/ISC_Containers.js></SCRIPT>
                      <SCRIPT SRC=isomorphic/system/modules/ISC_Grids.js></SCRIPT>
                      <SCRIPT SRC=isomorphic/system/modules/ISC_Forms.js></SCRIPT>
                      <SCRIPT SRC=isomorphic/system/modules/ISC_DataBinding.js></SCRIPT>
                  	<SCRIPT SRC=isomorphic/skins/SmartClient/load_skin.js></SCRIPT>
                  </HEAD>
                  <BODY>
                  
                          <script language="javascript" type="text/javascript">
                              isc.ListGrid.create({
                                  ID: "countryList",
                                  width: 550, height: 224, alternateRecordStyles: true, cellHeight: 22,
                                  fields: [
                                      {name: "countryCode", title: "Code"},
                                      { name: "countryName", title: "Country" },
                                      { name: "capital", title: "Capital" }
                                  ],
                                  data:[
                                      {countryCode:"US", countryName:"United States", capital:"Washington, DC"},
                                      {countryCode:"CH", countryName:"China", capital:"Beijing"},
                                      {countryCode:"JA", countryName:"Japan", capital:"Tokyo"},
                                      {countryCode:"IN", countryName:"India", capital:"New Delhi"},
                                      {countryCode:"GM", countryName:"Germany", capital:"Berlin"},
                                      {countryCode:"UK", countryName:"United Kingdom", capital:"London"},
                                      {countryCode:"FR", countryName:"France", capital:"Paris"},
                                      {countryCode:"IT", countryName:"Italy", capital:"Rome"},
                                      {countryCode:"RS", countryName:"Russia", capital:"Moscow"},
                                      {countryCode:"BR", countryName:"Brazil", capital:"Brasilia"},
                                      {countryCode:"CA", countryName:"Canada", capital:"Ottawa"},
                                      {countryCode:"MX", countryName:"Mexico", capital:"Mexico (Distrito Federal)"},
                                      {countryCode:"SP", countryName:"Spain", capital:"Madrid"},
                                      {countryCode:"KS", countryName:"South Korea", capital:"Seoul"},
                                      {countryCode:"ID", countryName:"Indonesia", capital:"Jakarta"}
                                  ],
                                  canEdit: true,
                                  editEvent: "click",
                                  editByCell: true
                              })
                  
                          </script>
                  
                  
                  </BODY>
                  </HTML>
                  Also, ignore my comments about it being from the first or last cell in a row. It happens from any cell.

                  Comment


                    #10
                    Tried this and got the expected works-for-me result with normal tabbing on IE8 on WinXP. Specifically 8.0.6001.18702 on XP SP2. You *can* get an intermittent problem by holding the tab key down, but this isn't normal user behavior and we're not sure it's worth addressing given how many focus bugs IE8 has.

                    Is that what you meant or are you able to create a problem tabbing quickly but without holding the key down? If so, can you be very specific about the clicks and keystroke required?

                    Comment


                      #11
                      I tried the sample above just to make sure we do not have the sample problem as well. I was able to reproduce the focus getting stuck while tabbing through the columns in build 2011-11-10 BUT I just tried it with build 8.1 2011-11-16 Power Edition on Windows 7, IE8 and it works fine

                      Comment

                      Working...
                      X