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

IE8: scrollable div (with vflex) and tooltip

    Details

    • Type: Bug
    • Status: Closed
    • Priority: Normal
    • Resolution: Fixed
    • Affects Version/s: 6.5.3
    • Fix Version/s: 6.5.4
    • Component/s: Browser Issue
    • Security Level: Jimmy
    • Labels:

      Description

      run attached example... in IE8 (can be reproduced in IE9/10 with document mode IE8)

      1. scroll down in div...
      2. hover one of the labels
      3. tootip appears (after server event)
      4. scrollposition of div is reset to top (only happens in IE8)

      if the vflex is replaced by height="100%" the problem does not occur -> so it is probably "vflex" related

        Activity

        Hide
        jumperchen jumperchen added a comment -

        Bug fixed since 8/12/2013

        Show
        jumperchen jumperchen added a comment - Bug fixed since 8/12/2013
        Hide
        cor3000 cor3000 added a comment -

        The same issue happens when the scrollable div is a direct child of a <vlayout> component. see scrollposition-reset-inside-vlayout.zul

        Show
        cor3000 cor3000 added a comment - The same issue happens when the scrollable div is a direct child of a <vlayout> component. see scrollposition-reset-inside-vlayout.zul
        Hide
        cor3000 cor3000 added a comment -

        workaround for the vlayout issue:

        wrap the scrollable div with a non scrollable... then the vlayout does not affect the scrollposition

        <vlayout vflex="1" width="100%">
        <div height="100px">non scrollable area</div>
        <div vflex="1" width="100%">
        <div vflex="1" width="50%" style="overflow:auto">
        scrollable content...
        </div>
        <div/>
        </vlayout>

        Show
        cor3000 cor3000 added a comment - workaround for the vlayout issue: wrap the scrollable div with a non scrollable... then the vlayout does not affect the scrollposition <vlayout vflex="1" width="100%"> <div height="100px">non scrollable area</div> <div vflex="1" width="100%"> <div vflex="1" width="50%" style="overflow:auto"> scrollable content... </div> <div/> </vlayout>
        Hide
        jumperchen jumperchen added a comment -

        Fixed again with the new found issue.

        Show
        jumperchen jumperchen added a comment - Fixed again with the new found issue.

          People

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

            Dates

            • Created:
              Updated:
              Resolved: