Loading ...
Sorry, an error occurred while loading the content.

display:block on table breaks yui dragdrop in safari

Expand Messages
  • Dawn Endico
    If a dragdrop item is in a table which has the display:block rule applied to it, then the size of the drag handle is reduced by the number of pixels in the
    Message 1 of 1 , Nov 18, 2006
    • 0 Attachment
      If a dragdrop item is in a table which has the 'display:block' rule applied to it, then the size of the drag handle is reduced by the number of pixels in the body margin. If the margin is wider than the image, the image becomes undraggable. In this case the margin is a few pixels less than the image width so the drag handle is reduced to a 5x5 area in the upper left corner. However, after the image has been moved once, the problem is fixed and you can grab the image anywhere.

      This affects safari 2 and 1.3.2, but not firefox 2 or opera 9 (all on mac). Did not test with IE.

      This is similar to this firefox bug when a margin is applied to both the body and html tags.
      http://tech.groups.yahoo.com/group/ydn-javascript/message/6489

      Here's a test case.
      http://www.tafoni.net/test-cases/yui-dd-handle2.html

      Again, the workaround is simple, but it would be nice if dragdrop handles weren't mysteriously affected by margins.

      --
      http://www.tafoni.net/
    Your message has been successfully submitted and would be delivered to recipients shortly.