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

    • Icon: Bug Bug
    • Resolution: Fixed
    • Icon: Normal Normal
    • 7.0.5
    • 7.0.4
    • None
    • Security Level: Jimmy
    • breaks in FF and IE11
      works in Chrome, IE8-10

      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>
      

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

              Created:
              Updated:
              Resolved: