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

css-flex: inconsistent browser behavior for hflex="min" (chrome vs ie)

    XMLWordPrintable

Details

    • Bug
    • Resolution: Fixed
    • Normal
    • 9.0.1
    • 9.0.0
    • Components
    • Security Level: Jimmy
    • tested comparing:

      • IE11 windows 10
      • chrome Version 79.0.3945.130 (Official Build) (64-bit)

    Description

      Steps to Reproduce

      run http://zkfiddle.org/sample/1rc505t/1-Grid-with-hflex-min-columns

      click the button to open a popup

      scroll down to the bottom

      Simpler example comparing grid rod on/off

      <zk>
          <zscript><![CDATA[
              ListModelList model = new ListModelList(Collections.nCopies(200, "test"));
              model.add("LONGER TEXT");
          ]]></zscript>
          <grid height="350px" model="${model}">
              <custom-attributes org.zkoss.zul.grid.rod="true"/>
              <columns>
                  <column hflex="min" label="Rod"/>
              </columns>
          </grid>
          <grid height="350px" model="${model}">
              <columns>
                  <column hflex="min" label="Defaul"/>
              </columns>
          </grid>
      </zk>
      

      Current Result

      8.6.3
      both IE11/Chrome the wider label in the last row resizes the grid/column (according to hflex="min")

      9.0.0

      IE11 same as in 8.6.3 (grid/column resizes to fit the cell content)

      Chrome grid/column does not resize any more

      Expected Result

      consistent behavior across supported browsers

      Debug Information

       

      Workaround

      disable css flex on the grid

      <grid ...>
          <custom-attributes org.zkoss.zul.css.flex="false"/>
      

       

       

      Attachments

        Activity

          People

            DevChu DevChu
            cor3000 cor3000
            Votes:
            0 Vote for this issue
            Watchers:
            4 Start watching this issue

            Dates

              Created:
              Updated:
              Resolved: