Loading ...
Sorry, an error occurred while loading the content.

Datatable in a table cell hangs IE7

Expand Messages
  • Mike Sexter
    Hi, I m having a problem with a browser hang in IE7. I ve boiled things down to a very small page, which is copied below. This page runs fine on Firefox but
    Message 1 of 9 , Mar 24, 2008
    • 0 Attachment
      Hi,

      I'm having a problem with a browser hang in IE7. I've boiled things
      down to a very small page, which is copied below. This page runs fine
      on Firefox but will hang IE7 on Vista.

      The page has a scrollable datatable rendered inside a table cell. If I
      remove the surrounding table, it's OK except for some header witdh
      problems. I never actually found documentation on how to make a table
      xy-scrollable but I set scrollable to true and provided a height and
      width in the config and that seems to do the trick.

      If I don't specify a width, it doesn't hang. Also, if I remove a few
      columns from the end it doesn't hang but it does many strange things
      instead. I think the hang and the strange things happen when the table
      attempts to match up the two renderings of the column headings.

      Any insight into this problem will be appreciated.

      Below is the code. The page can also be seen live (warning: will hang
      IE7) at http://mentalmodels.com/mui/v2/test1.html

      - - - - - - cut here - - - - -

      <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
      "http://www.w3.org/TR/html4/strict.dtd">
      <html>
      <title>Mental Models, Inc. - Default Framework Application</title>

      <link rel="stylesheet" type="text/css"
      href="http://yui.yahooapis.com/2.5.1/build/datatable/assets/skins/sam/datatable.css"/>

      <script type="text/javascript"
      src="http://yui.yahooapis.com/2.5.1/build/yahoo/yahoo-min.js"></script>
      <script type="text/javascript"
      src="http://yui.yahooapis.com/2.5.1/build/event/event-min.js"></script>
      <script type="text/javascript"
      src="http://yui.yahooapis.com/2.5.1/build/dom/dom-min.js"></script>
      <script type="text/javascript"
      src="http://yui.yahooapis.com/2.5.1/build/element/element-beta-min.js"></script>
      <script type="text/javascript"
      src="http://yui.yahooapis.com/2.5.1/build/json/json-min.js"></script>
      <script type="text/javascript"
      src="http://yui.yahooapis.com/2.5.1/build/dragdrop/dragdrop-min.js"></script>
      <script type="text/javascript"
      src="http://yui.yahooapis.com/2.5.1/build/datasource/datasource-beta-min.js"></script>
      <script type="text/javascript"
      src="http://yui.yahooapis.com/2.5.1/build/datatable/datatable-beta-min.js"></script>
      </head>
      <body class="yui-skin-sam">

      <table cellpadding="0" cellspacing="0" width="100%">
      <tr>
      <td>
      <div id="test1MainContentArea"></div>
      </td>
      </tr>
      </table>


      <script type="text/javascript">
      var ds = [
      { "id": "jmontana", "flag": " ", "job_id": "4", "rank": "20%",
      "name": "Igolnik", "last_updated": "10/24/07 3:42 PM", "source":
      "Careers Website", "main_status": "Submitted for Requisition",
      "requisitions": "<a href=javascript:goFromTable(\'manager\')>Manager
      - [55555]</a>", "actions": "Approve for Review"},
      { "id": "jplunkett", "flag": " ", "job_id": "3", "name": "smith,
      jill", "last_updated": "10/24/07 3:11 PM", "source": " ",
      "main_status": "Submitted for Requisition",
      "requisitions": "<a
      href=javascript:goFromTable(\'developer\')>Developer -
      [01234]</a><br/><a href=javascript:goFromTable(\'director\')>Director
      - [44444]</a>", "actions": "Approve for Review"},
      { "id": "syoung", "flag": " ", "job_id": "2", "name": "King,
      David", "last_updated": "10/4/07 11:48 AM", "source": "Careers
      Website", "main_status": "Available", "actions": "Submit for
      Requisition"},
      { "id": "jmontana", "flag": " ", "job_id": "4", "rank": "20%",
      "name": "Igolnik", "last_updated": "10/24/07 3:42 PM", "source":
      "Careers Website", "main_status": "Submitted for Requisition",
      "requisitions": "<a href=javascript:goFromTable(\'manager\')>Manager
      - [55555]</a>", "actions": "Approve for Review"},
      { "id": "jplunkett", "flag": " ", "job_id": "3", "name": "smith,
      jill", "last_updated": "10/24/07 3:11 PM", "source": " ",
      "main_status": "Submitted for Requisition",
      "requisitions": "<a
      href=javascript:goFromTable(\'developer\')>Developer -
      [01234]</a><br/><a href=javascript:goFromTable(\'director\')>Director
      - [44444]</a>", "actions": "Approve for Review"},
      { "id": "syoung", "flag": " ", "job_id": "2", "name": "King,
      David", "last_updated": "10/4/07 11:48 AM", "source": "Careers
      Website", "main_status": "Available", "actions": "Submit for
      Requisition"},
      { "id": "jmontana", "flag": " ", "job_id": "4", "rank": "20%",
      "name": "Igolnik", "last_updated": "10/24/07 3:42 PM", "source":
      "Careers Website", "main_status": "Submitted for Requisition",
      "requisitions": "<a href=javascript:goFromTable(\'manager\')>Manager
      - [55555]</a>", "actions": "Approve for Review"},
      { "id": "jplunkett", "flag": " ", "job_id": "3", "name": "smith,
      jill", "last_updated": "10/24/07 3:11 PM", "source": " ",
      "main_status": "Submitted for Requisition",
      "requisitions": "<a
      href=javascript:goFromTable(\'developer\')>Developer -
      [01234]</a><br/><a href=javascript:goFromTable(\'director\')>Director
      - [44444]</a>", "actions": "Approve for Review"},
      { "id": "syoung", "flag": " ", "job_id": "2", "name": "King,
      David", "last_updated": "10/4/07 11:48 AM", "source": "Careers
      Website", "main_status": "Available", "actions": "Submit for
      Requisition"},
      { "id": "jmontana", "flag": " ", "job_id": "4", "rank": "20%",
      "name": "Igolnik", "last_updated": "10/24/07 3:42 PM", "source":
      "Careers Website", "main_status": "Submitted for Requisition",
      "requisitions": "<a href=javascript:goFromTable(\'manager\')>Manager
      - [55555]</a>", "actions": "Approve for Review"},
      { "id": "jplunkett", "flag": " ", "job_id": "3", "name": "smith,
      jill", "last_updated": "10/24/07 3:11 PM", "source": " ",
      "main_status": "Submitted for Requisition",
      "requisitions": "<a
      href=javascript:goFromTable(\'developer\')>Developer -
      [01234]</a><br/><a href=javascript:goFromTable(\'director\')>Director
      - [44444]</a>", "actions": "Approve for Review"},
      { "id": "syoung", "flag": " ", "job_id": "2", "name": "King,
      David", "last_updated": "10/4/07 11:48 AM", "source": "Careers
      Website", "main_status": "Available", "actions": "Submit for
      Requisition"},
      { "id": "jsmith", "flag": " ", "job_id": "1", "name": "Smith,
      John", "last_updated": "10/2/07 1:40 PM", "source": "HotJobs",
      "main_status": "Available", "actions": "Submit for Requisition"}
      ];
      var cd = [
      { "label": "Flag", "key": "flag", "resizeable": true, "sortable":
      true, "menuOption": "1" },
      { "label": "ID", "key": "job_id", "resizeable": true, "sortable":
      false },
      { "label": "Rank (%)", "key": "rank", "resizeable": true, "sortable":
      true },
      { "label": "Name", "key": "name", "resizeable": true, "sortable":
      true, "className": "datatableLink" },
      { "label": "Last Updated", "key": "last_updated", "resizeable": true,
      "sortable": true },
      { "label": "Source", "key": "source", "resizeable": true, "sortable":
      true },
      { "label": "Main Status", "key": "main_status", "resizeable": true,
      "sortable": true },
      { "label": "Requisitions", "key": "requisitions", "resizeable": true,
      "sortable": true },
      { "label": "Actions", "key": "actions", "resizeable": true,
      "sortable": true, "className": "datatableLink" }
      ];

      var myDataSrc = new YAHOO.util.DataSource(ds);
      myDataSrc.responseType = YAHOO.util.DataSource.TYPE_JSON;
      myDataSrc.responseSchema = {
      "fields": ["flag", "job_id", "rank", "name", "last_updated",
      "source", "main_status", "requisitions", "actions" ]
      };
      var myDataTable = new YAHOO.widget.DataTable('test1MainContentArea',
      cd, myDataSrc, {
      "scrollable": true, "height": "450px", "width": "800px"
      });
      </script>
      </body>
      </html>
    • Satyam
      I am quite surprised that this works in any browser. Your data is not TYPE_JSON but TYPE_JSARRAY. JSON is a serialized representation of a JavaScript object
      Message 2 of 9 , Mar 25, 2008
      • 0 Attachment
        I am quite surprised that this works in any browser. Your data is not
        TYPE_JSON but TYPE_JSARRAY. JSON is a serialized representation of a
        JavaScript object or array, meaning, it is a string which contains an object
        or array. What you have here is an actual array, not a string.

        Satyam


        ----- Original Message -----
        From: "Mike Sexter" <ydn-javascript@...>
        To: <ydn-javascript@yahoogroups.com>
        Sent: Tuesday, March 25, 2008 1:28 AM
        Subject: [ydn-javascript] Datatable in a table cell hangs IE7


        > Hi,
        >
        > I'm having a problem with a browser hang in IE7. I've boiled things
        > down to a very small page, which is copied below. This page runs fine
        > on Firefox but will hang IE7 on Vista.
        >
        > The page has a scrollable datatable rendered inside a table cell. If I
        > remove the surrounding table, it's OK except for some header witdh
        > problems. I never actually found documentation on how to make a table
        > xy-scrollable but I set scrollable to true and provided a height and
        > width in the config and that seems to do the trick.
        >
        > If I don't specify a width, it doesn't hang. Also, if I remove a few
        > columns from the end it doesn't hang but it does many strange things
        > instead. I think the hang and the strange things happen when the table
        > attempts to match up the two renderings of the column headings.
        >
        > Any insight into this problem will be appreciated.
        >
        > Below is the code. The page can also be seen live (warning: will hang
        > IE7) at http://mentalmodels.com/mui/v2/test1.html
        >
        > - - - - - - cut here - - - - -
        >
        > <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
        > "http://www.w3.org/TR/html4/strict.dtd">
        > <html>
        > <title>Mental Models, Inc. - Default Framework Application</title>
        >
        > <link rel="stylesheet" type="text/css"
        > href="http://yui.yahooapis.com/2.5.1/build/datatable/assets/skins/sam/datatable.css"/>
        >
        > <script type="text/javascript"
        > src="http://yui.yahooapis.com/2.5.1/build/yahoo/yahoo-min.js"></script>
        > <script type="text/javascript"
        > src="http://yui.yahooapis.com/2.5.1/build/event/event-min.js"></script>
        > <script type="text/javascript"
        > src="http://yui.yahooapis.com/2.5.1/build/dom/dom-min.js"></script>
        > <script type="text/javascript"
        > src="http://yui.yahooapis.com/2.5.1/build/element/element-beta-min.js"></script>
        > <script type="text/javascript"
        > src="http://yui.yahooapis.com/2.5.1/build/json/json-min.js"></script>
        > <script type="text/javascript"
        > src="http://yui.yahooapis.com/2.5.1/build/dragdrop/dragdrop-min.js"></script>
        > <script type="text/javascript"
        > src="http://yui.yahooapis.com/2.5.1/build/datasource/datasource-beta-min.js"></script>
        > <script type="text/javascript"
        > src="http://yui.yahooapis.com/2.5.1/build/datatable/datatable-beta-min.js"></script>
        > </head>
        > <body class="yui-skin-sam">
        >
        > <table cellpadding="0" cellspacing="0" width="100%">
        > <tr>
        > <td>
        > <div id="test1MainContentArea"></div>
        > </td>
        > </tr>
        > </table>
        >
        >
        > <script type="text/javascript">
        > var ds = [
        > { "id": "jmontana", "flag": " ", "job_id": "4", "rank": "20%",
        > "name": "Igolnik", "last_updated": "10/24/07 3:42 PM", "source":
        > "Careers Website", "main_status": "Submitted for Requisition",
        > "requisitions": "<a href=javascript:goFromTable(\'manager\')>Manager
        > - [55555]</a>", "actions": "Approve for Review"},
        > { "id": "jplunkett", "flag": " ", "job_id": "3", "name": "smith,
        > jill", "last_updated": "10/24/07 3:11 PM", "source": " ",
        > "main_status": "Submitted for Requisition",
        > "requisitions": "<a
        > href=javascript:goFromTable(\'developer\')>Developer -
        > [01234]</a><br/><a href=javascript:goFromTable(\'director\')>Director
        > - [44444]</a>", "actions": "Approve for Review"},
        > { "id": "syoung", "flag": " ", "job_id": "2", "name": "King,
        > David", "last_updated": "10/4/07 11:48 AM", "source": "Careers
        > Website", "main_status": "Available", "actions": "Submit for
        > Requisition"},
        > { "id": "jmontana", "flag": " ", "job_id": "4", "rank": "20%",
        > "name": "Igolnik", "last_updated": "10/24/07 3:42 PM", "source":
        > "Careers Website", "main_status": "Submitted for Requisition",
        > "requisitions": "<a href=javascript:goFromTable(\'manager\')>Manager
        > - [55555]</a>", "actions": "Approve for Review"},
        > { "id": "jplunkett", "flag": " ", "job_id": "3", "name": "smith,
        > jill", "last_updated": "10/24/07 3:11 PM", "source": " ",
        > "main_status": "Submitted for Requisition",
        > "requisitions": "<a
        > href=javascript:goFromTable(\'developer\')>Developer -
        > [01234]</a><br/><a href=javascript:goFromTable(\'director\')>Director
        > - [44444]</a>", "actions": "Approve for Review"},
        > { "id": "syoung", "flag": " ", "job_id": "2", "name": "King,
        > David", "last_updated": "10/4/07 11:48 AM", "source": "Careers
        > Website", "main_status": "Available", "actions": "Submit for
        > Requisition"},
        > { "id": "jmontana", "flag": " ", "job_id": "4", "rank": "20%",
        > "name": "Igolnik", "last_updated": "10/24/07 3:42 PM", "source":
        > "Careers Website", "main_status": "Submitted for Requisition",
        > "requisitions": "<a href=javascript:goFromTable(\'manager\')>Manager
        > - [55555]</a>", "actions": "Approve for Review"},
        > { "id": "jplunkett", "flag": " ", "job_id": "3", "name": "smith,
        > jill", "last_updated": "10/24/07 3:11 PM", "source": " ",
        > "main_status": "Submitted for Requisition",
        > "requisitions": "<a
        > href=javascript:goFromTable(\'developer\')>Developer -
        > [01234]</a><br/><a href=javascript:goFromTable(\'director\')>Director
        > - [44444]</a>", "actions": "Approve for Review"},
        > { "id": "syoung", "flag": " ", "job_id": "2", "name": "King,
        > David", "last_updated": "10/4/07 11:48 AM", "source": "Careers
        > Website", "main_status": "Available", "actions": "Submit for
        > Requisition"},
        > { "id": "jmontana", "flag": " ", "job_id": "4", "rank": "20%",
        > "name": "Igolnik", "last_updated": "10/24/07 3:42 PM", "source":
        > "Careers Website", "main_status": "Submitted for Requisition",
        > "requisitions": "<a href=javascript:goFromTable(\'manager\')>Manager
        > - [55555]</a>", "actions": "Approve for Review"},
        > { "id": "jplunkett", "flag": " ", "job_id": "3", "name": "smith,
        > jill", "last_updated": "10/24/07 3:11 PM", "source": " ",
        > "main_status": "Submitted for Requisition",
        > "requisitions": "<a
        > href=javascript:goFromTable(\'developer\')>Developer -
        > [01234]</a><br/><a href=javascript:goFromTable(\'director\')>Director
        > - [44444]</a>", "actions": "Approve for Review"},
        > { "id": "syoung", "flag": " ", "job_id": "2", "name": "King,
        > David", "last_updated": "10/4/07 11:48 AM", "source": "Careers
        > Website", "main_status": "Available", "actions": "Submit for
        > Requisition"},
        > { "id": "jsmith", "flag": " ", "job_id": "1", "name": "Smith,
        > John", "last_updated": "10/2/07 1:40 PM", "source": "HotJobs",
        > "main_status": "Available", "actions": "Submit for Requisition"}
        > ];
        > var cd = [
        > { "label": "Flag", "key": "flag", "resizeable": true, "sortable":
        > true, "menuOption": "1" },
        > { "label": "ID", "key": "job_id", "resizeable": true, "sortable":
        > false },
        > { "label": "Rank (%)", "key": "rank", "resizeable": true, "sortable":
        > true },
        > { "label": "Name", "key": "name", "resizeable": true, "sortable":
        > true, "className": "datatableLink" },
        > { "label": "Last Updated", "key": "last_updated", "resizeable": true,
        > "sortable": true },
        > { "label": "Source", "key": "source", "resizeable": true, "sortable":
        > true },
        > { "label": "Main Status", "key": "main_status", "resizeable": true,
        > "sortable": true },
        > { "label": "Requisitions", "key": "requisitions", "resizeable": true,
        > "sortable": true },
        > { "label": "Actions", "key": "actions", "resizeable": true,
        > "sortable": true, "className": "datatableLink" }
        > ];
        >
        > var myDataSrc = new YAHOO.util.DataSource(ds);
        > myDataSrc.responseType = YAHOO.util.DataSource.TYPE_JSON;
        > myDataSrc.responseSchema = {
        > "fields": ["flag", "job_id", "rank", "name", "last_updated",
        > "source", "main_status", "requisitions", "actions" ]
        > };
        > var myDataTable = new YAHOO.widget.DataTable('test1MainContentArea',
        > cd, myDataSrc, {
        > "scrollable": true, "height": "450px", "width": "800px"
        > });
        > </script>
        > </body>
        > </html>
        >
        >
        >
        > ------------------------------------
        >
        > Yahoo! Groups Links
        >
        >
        >
        >
        >
        > --
        > No virus found in this incoming message.
        > Checked by AVG.
        > Version: 7.5.519 / Virus Database: 269.21.8/1340 - Release Date:
        > 23/03/2008 18:50
        >
      • Mike Sexter
        Hi Satyam, That s a good point. As I said, I boiled this down from a larger app. In that app the datasource was produced by a php script and was, in fact,
        Message 3 of 9 , Mar 25, 2008
        • 0 Attachment
          Hi Satyam,

          That's a good point.

          As I said, I boiled this down from a larger app. In that app the
          datasource was produced by a php script and was, in fact, returned as
          a string via an asynchronous request. After cutting and pasting and
          massaging the data to fit on a single HTML page, I apparently forgot
          to change the data type.

          Fortunately YUI knew what I meant and handled it properly.

          Unfortunately, that means I still have the problem with IE7 hanging
          even after changing the data type.

          So I am still looking for help in this matter. Maybe even from a YUI
          developer. Maybe even from one intimately familiar with the datatable.
          Especially its' thead rendering.

          - Mike


          --- In ydn-javascript@yahoogroups.com, "Satyam" <satyam@...> wrote:
          >
          > I am quite surprised that this works in any browser. Your data is not
          > TYPE_JSON but TYPE_JSARRAY. JSON is a serialized representation of a
          > JavaScript object or array, meaning, it is a string which contains
          an object
          > or array. What you have here is an actual array, not a string.
          >
          > Satyam
        • Satyam
          I see what you mean, I tried the code below and it does break down. It seems it enters a never ending loop trying to figure out column widths. The fist
          Message 4 of 9 , Mar 25, 2008
          • 0 Attachment
            I see what you mean, I tried the code below and it does break down. It
            seems it enters a never ending loop trying to figure out column widths. The
            fist question would be, do you really need to be scrollable? That would
            spare you a lot of trouble and then everything works just fine.

            The expert on scrollable DataTables is Luke, who is usually around. If you
            care for this table to be scrollable, why don't you place it in a publicly
            accessible place so he can take a look at it and see what's going on.

            Satyam

            ----- Original Message -----
            From: "Mike Sexter" <ydn-javascript@...>
            To: <ydn-javascript@yahoogroups.com>
            Sent: Tuesday, March 25, 2008 9:47 AM
            Subject: [ydn-javascript] Re: Datatable in a table cell hangs IE7


            > Hi Satyam,
            >
            > That's a good point.
            >
            > As I said, I boiled this down from a larger app. In that app the
            > datasource was produced by a php script and was, in fact, returned as
            > a string via an asynchronous request. After cutting and pasting and
            > massaging the data to fit on a single HTML page, I apparently forgot
            > to change the data type.
            >
            > Fortunately YUI knew what I meant and handled it properly.
            >
            > Unfortunately, that means I still have the problem with IE7 hanging
            > even after changing the data type.
            >
            > So I am still looking for help in this matter. Maybe even from a YUI
            > developer. Maybe even from one intimately familiar with the datatable.
            > Especially its' thead rendering.
            >
            > - Mike
            >
            >
            > --- In ydn-javascript@yahoogroups.com, "Satyam" <satyam@...> wrote:
            >>
            >> I am quite surprised that this works in any browser. Your data is not
            >> TYPE_JSON but TYPE_JSARRAY. JSON is a serialized representation of a
            >> JavaScript object or array, meaning, it is a string which contains
            > an object
            >> or array. What you have here is an actual array, not a string.
            >>
            >> Satyam
            >
            >
            > ------------------------------------
            >
            > Yahoo! Groups Links
            >
            >
            >
            >
            >
            > --
            > No virus found in this incoming message.
            > Checked by AVG.
            > Version: 7.5.519 / Virus Database: 269.22.0/1341 - Release Date:
            > 24/03/2008 15:03
            >
            >
          • y_lsmith
            Oof! That s a live one. I recreated it locally, but my test set up had the table-in-table initially rendered below the fold. IE7 hung when the scrollable
            Message 5 of 9 , Mar 25, 2008
            • 0 Attachment
              Oof!  That's a live one.  I recreated it locally, but my test set up had the table-in-table initially rendered below the fold.  IE7 hung when the scrollable table entered the viewport.  I was hoping the width/minWidth patch we're testing might have resolved this for free, but no such luck.

              Can you add a SourceForge bug  for this so it can be properly tracked?

              Luke

              --- In ydn-javascript@yahoogroups.com, "Satyam" <satyam@...> wrote:
              >
              > I see what you mean, I tried the code below and it does break down. It
              > seems it enters a never ending loop trying to figure out column widths. The
              > fist question would be, do you really need to be scrollable? That would
              > spare you a lot of trouble and then everything works just fine.
              >
              > The expert on scrollable DataTables is Luke, who is usually around. If you
              > care for this table to be scrollable, why don't you place it in a publicly
              > accessible place so he can take a look at it and see what's going on.
              >
              > Satyam
              >
              > ----- Original Message -----
              > From: "Mike Sexter" ydn-javascript@...
              > To: ydn-javascript@yahoogroups.com
              > Sent: Tuesday, March 25, 2008 9:47 AM
              > Subject: [ydn-javascript] Re: Datatable in a table cell hangs IE7
              >
              >
              > > Hi Satyam,
              > >
              > > That's a good point.
              > >
              > > As I said, I boiled this down from a larger app. In that app the
              > > datasource was produced by a php script and was, in fact, returned as
              > > a string via an asynchronous request. After cutting and pasting and
              > > massaging the data to fit on a single HTML page, I apparently forgot
              > > to change the data type.
              > >
              > > Fortunately YUI knew what I meant and handled it properly.
              > >
              > > Unfortunately, that means I still have the problem with IE7 hanging
              > > even after changing the data type.
              > >
              > > So I am still looking for help in this matter. Maybe even from a YUI
              > > developer. Maybe even from one intimately familiar with the datatable.
              > > Especially its' thead rendering.
              > >
              > > - Mike
              > >
              > >
              > > --- In ydn-javascript@yahoogroups.com, "Satyam" satyam@ wrote:
              > >>
              > >> I am quite surprised that this works in any browser. Your data is not
              > >> TYPE_JSON but TYPE_JSARRAY. JSON is a serialized representation of a
              > >> JavaScript object or array, meaning, it is a string which contains
              > > an object
              > >> or array. What you have here is an actual array, not a string.
              > >>
              > >> Satyam
              > >
              > >
              > > ------------------------------------
              > >
              > > Yahoo! Groups Links
              > >
              > >
              > >
              > >
              > >
              > > --
              > > No virus found in this incoming message.
              > > Checked by AVG.
              > > Version: 7.5.519 / Virus Database: 269.22.0/1341 - Release Date:
              > > 24/03/2008 15:03
              > >
              > >
              >
            • Mike Sexter
              Added bug 1925543
              Message 6 of 9 , Mar 27, 2008
              • 0 Attachment
                Added bug 1925543

                --- In ydn-javascript@yahoogroups.com, "y_lsmith" <lsmith@...> wrote:
                >
                > Oof! That's a live one. I recreated it locally, but my test set up had
                > the table-in-table initially rendered below the fold. IE7 hung when the
                > scrollable table entered the viewport. I was hoping the width/minWidth
                > patch we're testing might have resolved this for free, but no such luck.
                >
                > Can you add a SourceForge bug
              • y_lsmith
                As noted on SF, the workaround for this bug is to include the following line of js before the instantiation of a DataTable:
                Message 7 of 9 , Apr 1, 2008
                • 0 Attachment
                  As noted on SF, the workaround for this bug is to include the following line of js before the instantiation of a DataTable:

                  YAHOO.widget.DataTable._bStylesheetFallback = !!YAHOO.env.ua.ie;

                  A true fix for this will need more investigation and you should see it in an upcoming release.

                  Hope this helps,
                  Luke


                  --- In ydn-javascript@yahoogroups.com, "Mike Sexter" <ydn-javascript@...> wrote:
                  >
                  > Added bug 1925543
                  >
                  > --- In ydn-javascript@yahoogroups.com, "y_lsmith" lsmith@ wrote:
                  > >
                  > > Oof! That's a live one. I recreated it locally, but my test set up had
                  > > the table-in-table initially rendered below the fold. IE7 hung when the
                  > > scrollable table entered the viewport. I was hoping the width/minWidth
                  > > patch we're testing might have resolved this for free, but no such luck.
                  > >
                  > > Can you add a SourceForge bug
                  >
                • y_lsmith
                  As noted on SF, the workaround for this bug is to include the following line of js before the instantiation of a DataTable:
                  Message 8 of 9 , Apr 1, 2008
                  • 0 Attachment
                    As noted on SF, the workaround for this bug is to include the following line of js before the instantiation of a DataTable:

                    YAHOO.widget.DataTable._bStylesheetFallback = !!YAHOO.env.ua.ie;

                    A true fix for this will need more investigation and you should see it in an upcoming release.

                    Hope this helps,
                    Luke


                    --- In ydn-javascript@yahoogroups.com, "Mike Sexter" <ydn-javascript@...> wrote:
                    >
                    > Added bug 1925543
                    >
                    > --- In ydn-javascript@yahoogroups.com, "y_lsmith" lsmith@ wrote:
                    > >
                    > > Oof! That's a live one. I recreated it locally, but my test set up had
                    > > the table-in-table initially rendered below the fold. IE7 hung when the
                    > > scrollable table entered the viewport. I was hoping the width/minWidth
                    > > patch we're testing might have resolved this for free, but no such luck.
                    > >
                    > > Can you add a SourceForge bug
                    >
                  • Mike Sexter
                    This work-around is so useful, it deserves to be posted twice !!
                    Message 9 of 9 , Apr 1, 2008
                    • 0 Attachment
                      This work-around is so useful, it deserves to be posted twice !!
                    Your message has been successfully submitted and would be delivered to recipients shortly.