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

Grid is missing the bottom border for certain layout in IE9~11

    XMLWordPrintable

    Details

    • Type: Bug
    • Status: Closed
    • Priority: Normal
    • Resolution: Fixed
    • Affects Version/s: 7.0.0
    • Fix Version/s: 7.0.1
    • Component/s: General
    • Labels:
    • Environment:

      ZK 7.0.0, IE9, IE10, IE11

      Description

      The grids are missing the bottom borders when viewed in IE9 to IE11. They displayed fine for IE8, FF, Chrome, Opera, and Safari 5.

      test.zul
      <zk xmlns:n="native">
          <n:p>Line 1</n:p>
          <n:ol>
              <n:li>Line 2</n:li>
              <n:li>Line 3</n:li>
          </n:ol>
          <div height="300px">
              <vlayout vflex="1" spacing="5px">
                  <hlayout vflex="1" spacing="5px" valign="top">
                      <div vflex="1" hflex="1">
                          <vlayout vflex="1" spacing="5px">
                              <label value="Grid 1: " />
                              <grid vflex="1" oddRowSclass="z-grid-odd" />
                          </vlayout>
                      </div>
                      <div vflex="1" hflex="1">
                          <vlayout vflex="1" spacing="5px">
                              <label value="Grid 2: " />
                              <grid vflex="1" />
                          </vlayout>
                      </div>
                  </hlayout>
                  <hlayout vflex="1" spacing="5px" valign="top">
                      <div vflex="1" hflex="1">
                          <vlayout vflex="1" spacing="5px">
                              <label value="Grid 3: " />
                              <grid vflex="1" /> 
                          </vlayout>
                      </div>
                      <div vflex="1" hflex="1">
                          <vlayout vflex="1" spacing="5px">
                              <label value="Grid 4: " />
                              <grid vflex="1" />
                          </vlayout>
                      </div>
                  </hlayout>
              </vlayout>
          </div>
      </zk>
      

      Workaround is to insert an extra <n:br/> after the </n:ol>.

        Attachments

          Issue Links

            Activity

              People

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

                Dates

                Created:
                Updated:
                Resolved: