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

Incorrect width calculation with hflex in IE9 / IE10

    Details

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

      Description

      Steps to Reproduce

      1. run the zul below with IE 10
        <zk>
        	<window id="mainWin" width="100%" height="100%" sclass="page-bg" >
        		<div width="100%" vflex="80">
        			<hbox hflex="1" vflex="1">
        				<!-- empty div for alignment -->
        				<div hflex="15">left</div>
        				<div id="contentDiv" hflex="70" vflex="1">
        				    <div id="financialDetailsWin" vflex="1" >
        				        <panel id="contentPanel" height="100%" hflex="1">
        				            <panelchildren style="overflow:auto;border:solid 1px black">
        				            	center
        				            </panelchildren>
        				        </panel>
        				        <!-- SPACE element here causes the problem;
        				           -    - caused ZK 7 width-calculation on IE to explode the width to 1600+ pixels.
        				        -->
        				        <space/>
        				    </div>				 
        				</div>
        				<div hflex="15">right</div>
        			</hbox>
        		</div>
        	</window>
        </zk>
        

      Actual Result

      You can see the width of the panel exceeds the browser's width.
      Customer reports that this issue also occurs in IE9.

      Expected Result

      Workaround

      Can be one of the following:

      • remove panel's hflex="1"
      • remove <space>
      • replace panel's hflex="1" with width="100%"
      • replace panel's parent with <vlayout>

        Attachments

        1. chrome.png
          chrome.png
          10 kB
        2. ie10.png
          ie10.png
          8 kB

          Activity

            People

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

              Dates

              • Created:
                Updated:
                Resolved: