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

"Jumping" width in hbox (Chrome)

XMLWordPrintable

    • Icon: Bug Bug
    • Resolution: Fixed
    • Icon: Normal Normal
    • 8.0.4
    • 8.0.2
    • Components
    • Security Level: Jimmy
    • happens Chrome
      (works in FF/edge - IE11 works just looks a little different)

    • None

      steps to reproduce

      run the attached example using Chrome
      resize the browser window multiple times

      actual result

      the horizontal positiong of the right <div> changing with each resize

      expected result

      the right-aligned <div> should remain on the right, while the left label should consume the remaining space (defined by hflex="1")

      Workaround

      A) use hflex="min" on the <div>

      	<div hflex="min">
      

      B) use <hlayout> instead of <hbox> (which results in a simpler DOM)

      <hlayout hflex="1" spacing="0">
      	<label hflex="1" value="Left aligned label"/>
      	<div>
      		right aligned stuff 
      	</div>
      </hlayout>
      

            wenninghsu wenninghsu
            cor3000 cor3000
            Votes:
            0 Vote for this issue
            Watchers:
            2 Start watching this issue

              Created:
              Updated:
              Resolved:

                Estimated:
                Original Estimate - Not Specified
                Not Specified
                Remaining:
                Remaining Estimate - 0 minutes
                0m
                Logged:
                Time Spent - 3 hours
                3h