1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Browser Issue Object element from «Upload a file» function positioned incorrectly

Discussion in 'Resolved Bug Reports' started by CyberAP, Mar 15, 2014.

  1. CyberAP

    CyberAP Well-Known Member

    There's this object element with 'SWFUpload_0' ID and '.swfupload' class. Some script adds positioning to it, here I get something like that:
    display: block !important;
    width: 100px;
    height: 23px;
    top: 15px;
    The problem is that the first element with a relative position up on a DOM tree is a .submitUnit and since we don't have a left or right value that object element sticks to the wrong position, covering 'Create thread' button. Here is how it looks:


    To solve this we just need to set position: relative for #AttachmentUploader.
  2. Mike

    Mike XenForo Developer Staff Member

    Nothing has changed here for a very long time and can't say I've seen this before -- I certainly don't see it here. How do I reproduce that?

    Normally, with absolute positioning, if no positions are specified, it stays in the same position.
  3. CyberAP

    CyberAP Well-Known Member

    How I reproduce this:
    1. Start creating a new thread.
    2. Hit 'Upload a File' button.
    3. Close the upload window, don't upload anything.
    4. Hover on 'Create thread' button now, it is covered now.
  4. Mike

    Mike XenForo Developer Staff Member


    Unfortunately, I can't reproduce this still -- it sounds like this actually blocks the ability to create a thread in your situation.
  5. CyberAP

    CyberAP Well-Known Member

    Yes, Chrome. I guess that is a FlashBlock extension that breaks it, but I can't see how. It only adds a display: block !important; to the <object> element.
    And yes it blocks the button, I can't push it so I have to remove this node in DevTools.
  6. CyberAP

    CyberAP Well-Known Member

Share This Page