Uploaded image for project: 'ZK'
  1. ZK
  2. ZK-2640

Navigate textboxes in mesh widget headers by tab key misaligned headers with cell content [FF, IE11]

    XMLWordPrintable

    Details

    • Type: Bug
    • Status: Closed
    • Priority: Normal
    • Resolution: Fixed
    • Affects Version/s: 7.0.4
    • Fix Version/s: 7.0.5
    • Component/s: None
    • Security Level: Jimmy
    • Labels:
    • Environment:

      breaks in FF and IE11
      works in Chrome, IE8-10

      Description

      Reproducing steps:

      1. Focus on the first textbox
      2. Press "tab" key until header scrolls to the left
      => only header scrolls, not the content beneath it

      Reproducing code:

      bugTest.zul
      <zk>
          <custom-attributes org.zkoss.zul.nativebar="false" />
          <window title="Listbox (ZK ${desktop.webApp.version})" border="normal" hflex="min">
              <listbox width="300px">
                  <listhead sizable="true">
                      <listheader
                          align="center"
                          width="40px"
                          forEach="1,2,3">
                          <textbox width="20px" />
                      </listheader>
                      <listheader
                          width="90px"
                          label="filter">
                          <textbox width="70px" />
                      </listheader>
                      <listheader
                          width="90px"
                          label="filter ${forEachStatus.index + 1}"
                          forEach="1,2,3,4,5,6,7,8">
                          <textbox width="70px" />
                      </listheader>
                  </listhead>
                  <listitem>
                      <listcell />
                      <listcell />
                      <listcell />
                      <listcell label="ZK Jet 0.8.0 is released" />
                      <listcell
                          label="2008/11/${forEachStatus.index + 1}"
                          forEach="1,2,3,4,5,6,7,8" />
                  </listitem>
              </listbox>
          </window>
          <window title="Grid (ZK ${desktop.webApp.version})" border="normal" hflex="min">
              <grid width="300px">
                  <columns sizable="true">
                      <column
                          align="center"
                          width="40px"
                          forEach="1,2,3">
                          <textbox width="20px" />
                      </column>
                      <column
                          width="90px"
                          label="filter">
                          <textbox width="70px" />
                      </column>
                      <column
                          width="90px"
                          label="filter ${forEachStatus.index + 1}"
                          forEach="1,2,3,4,5,6,7,8">
                          <textbox width="70px" />
                      </column>
                  </columns>
                  <rows>
                      <row>
                          <cell />
                          <cell />
                          <cell />
                          <cell>ZK Jet 0.8.0 is released</cell>
                          <cell forEach="1,2,3,4,5,6,7,8">
                              2008/11/${forEachStatus.index + 1}
                          </cell>
      
                      </row>
                  </rows>
              </grid>
          </window>
          <window title="Tree (ZK ${desktop.webApp.version})" border="normal" hflex="min">
              <tree width="300px">
                  <treecols sizable="true">
                      <treecol
                          align="center"
                          width="40px"
                          forEach="1,2,3">
                          <textbox width="20px" />
                      </treecol>
                      <treecol
                          width="90px"
                          label="filter">
                          <textbox width="70px" />
                      </treecol>
                      <treecol
                          width="90px"
                          label="filter ${forEachStatus.index + 1}"
                          forEach="1,2,3,4,5,6,7,8">
                          <textbox width="70px" />
                      </treecol>
                  </treecols>
                  <treechildren>
                      <treeitem>
                          <treerow>
                              <treecell />
                              <treecell />
                              <treecell />
                              <treecell>ZK Jet 0.8.0 is released</treecell>
                              <treecell forEach="1,2,3,4,5,6,7,8">
                                  2008/11/${forEachStatus.index + 1}
                              </treecell>
                          </treerow>
                      </treeitem>
                  </treechildren>
              </tree>
          </window>
      </zk>
      

        Attachments

          Issue Links

            Activity

              People

              Assignee:
              jumperchen jumperchen
              Reporter:
              neillee neillee
              Votes:
              0 Vote for this issue
              Watchers:
              0 Start watching this issue

                Dates

                Created:
                Updated:
                Resolved: