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

Dropupload overlay does not cover its anchor after scrolling

    Details

    • Type: Bug
    • Status: Closed
    • Priority: Normal
    • Resolution: Fixed
    • Affects Version/s: 7.0.5
    • Fix Version/s: 7.0.6
    • Component/s: Components
    • Security Level: Jimmy
    • Labels:
      None
    • gh.sprint.customfield.default.name:
      ZK 7.0.7

      Description

      Reproducing steps:

      1. Open the sample zul page
      2. Drag some files to the page
      -> the overlay covers the anchor
      3. Scroll the page down
      4. Again, drag some files to the page
      -> the overlay does not sync its position with the anchor


      Reproducing sample:

      <div xmlns:h="native" width="100%" height="100%" style="overflow-y: auto">
          <style>
          .photo { 
              border: 1px dashed grey; 
              border-radius: 10px; 
              width: 100px; 
              height: 100px; 
              background-color: #eee;
          }
          .dropzone {
              border: 1px solid grey;
              min-height: 100px;
          }
          </style>
          <separator spacing="500px"/>
          <div>
              <image id="img" sclass="photo" />
              <dropupload maxsize="50" detection="browser" anchor="${img}" content="Drag your photo here (size &lt; 50KB)" />
          </div>
          <groupbox title="Attachments: (drag and drop your files below - multiple allowed)" open="true">
              <div id="target" sclass="dropzone"/>
              <dropupload maxsize="1024" detection="browser" anchor="${target}" content="Drag your files here (size &lt; 1MB)" />
          </groupbox>
          <separator spacing="500px"/>
      </div>
      

      Workaround:

      .z-dropupload {
          position: absolute !important;
      }
      

        Attachments

          Activity

            People

            • Assignee:
              ChunfuChang ChunfuChang
              Reporter:
              neillee neillee
            • Votes:
              0 Vote for this issue
              Watchers:
              4 Start watching this issue

              Dates

              • Created:
                Updated:
                Resolved:

                Time Tracking

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