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

Duplicate Invisible Select Options In The Dark Overlay Form

Discussion in 'Resolved Bug Reports' started by ibnesayeed, Apr 3, 2013.

  1. ibnesayeed

    ibnesayeed Well-Known Member

    Option values in the select menu are not visible in dark overlay form except category names (disabled) and hover over state. Element inspection reveals that the foreground and background colors are very similar. This is not that case if the same form is opened in a separate tab. :)

    xf-dark-form-select.png
     
  2. Brogan

    Brogan XenForo Moderator Staff Member

    Is this a default style?
    Which browser and OS?

    I don't see that issue here or on my own installations.
     
  3. Russ

    Russ Well-Known Member

  4. Brogan

    Brogan XenForo Moderator Staff Member

    Definitely sounds like it, which is why I was after the browser and OS.
     
  5. ibnesayeed

    ibnesayeed Well-Known Member

    Following CSS is causing text color:
    HTML:
    .xenOverlay .formOverlay .textCtrl {
      color: #f0f7fc;
    }
    But background color is not defined in XenForo hence it is inheriting it from the user-agent style. In Google Chrome user agent stylesheet, the background is coming from this rule.
    HTML:
    select:not([size]):not([multiple]) option, select[size="0"] option, select[size="1"] option {
      background-color: rgb(247, 247, 247);
    }
    This works fine in Firefox.
     
  6. Mike

    Mike XenForo Developer Staff Member

    It's the same issue that as linked.
     
    ibnesayeed likes this.
  7. ibnesayeed

    ibnesayeed Well-Known Member

    Latest Google Chrome on Ubuntu 12.4 :)
     
  8. ibnesayeed

    ibnesayeed Well-Known Member

    Thanks Mike! And I am sorry for the duplicate reporting.
     

Share This Page