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

Chosenbox popup is fixed in position during mouse wheel scrolling when ca:data-scrollable="true"

XMLWordPrintable

    • Icon: Bug Bug
    • Resolution: Fixed
    • Icon: Normal Normal
    • 7.0.5
    • 7.0.4
    • None
    • Security Level: Jimmy
    • None

      Reproducing sample:

      B70-ZK-2652.zul
      <zk xmlns:ca="client/attribute">
          <zscript>
          ListModelList model = new ListModelList();
          model.add(1);
          model.add(2);
          model.add(3);
          </zscript>
          <hlayout>
              <window title='ca:data-scrollable="true"'   
                  contentStyle="overflow:auto" border="normal" width="500px"
                  height="300px" ca:data-scrollable="true">
                  <vlayout>
                      <html><![CDATA[
                          Steps:
                          <ol>
                              <li>Open popup of chosenbox and combobox</li>
                              <li>Scroll the window with mouse wheel.</li>
                          </ol>
                          
                          Results:
                          <ul>
                              <li style="color:red">It is a bug if the popup of the chosenbox detaches, and stays in fixed position.</li>
                              <li>This doen't happen for combobox.</li>
                          </ul>
                      ]]></html>
          
                      <chosenbox width="200px" model="${model}"/>
                      <combobox width="200px" model="${model}" />
          
                      <label forEach="1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16" value="Some Text"/>
                  </vlayout>
              </window>
              <window title='ca:data-scrollable="false"'  
                  contentStyle="overflow:auto" border="normal" width="500px"
                  height="300px" ca:data-scrollable="false">
                  <vlayout>
                      <html><![CDATA[
                          Steps:
                          <ol>
                              <li>Open popup of chosenbox and combobox</li>
                              <li>Scroll the window with mouse wheel.</li>
                          </ol>
                          
                          Expected results:
                          <ul>
                              <li>The popup of the chosenbox detaches, and stays in fixed position.</li>
                              <li>The popup of the combobox detaches, and stays in fixed position.</li>
                          </ul>
                      ]]></html>
          
                      <chosenbox width="200px" model="${model}"/>
                      <combobox width="200px" model="${model}" />
          
                      <label forEach="1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16" value="Some Text"/>
                  </vlayout>
              </window>
              <window title='no ca:data-scrollable'   
                  contentStyle="overflow:auto" border="normal" width="500px"
                  height="300px">
                  <vlayout>
                      <html><![CDATA[
                          Steps:
                          <ol>
                              <li>Open popup of chosenbox and combobox</li>
                              <li>Scroll the window with mouse wheel.</li>
                          </ol>
                          
                          Expected results:
                          <ul>
                              <li>The popup of the chosenbox detaches, and stays in fixed position.</li>
                              <li>The popup of the combobox detaches, and stays in fixed position.</li>
                          </ul>
                      ]]></html>
          
                      <chosenbox width="200px" model="${model}"/>
                      <combobox width="200px" model="${model}" />
          
                      <label forEach="1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16" value="Some Text"/>
                  </vlayout>
              </window>   
          </hlayout>
      </zk>
      

            ChunfuChang ChunfuChang
            neillee neillee
            Votes:
            1 Vote for this issue
            Watchers:
            1 Start watching this issue

              Created:
              Updated:
              Resolved: