7

I'm trying to choose some of my top answers from Programmers.SE to display in my Careers 2.0 profile. Nothing happens when I click on the dropdown menu. The HTML seems to be well-formatted. What's up?

EDIT: When I click on the edges, it works fine. Otherwise, I am left with something that should be clickable but doesn't react.

  • Browser: Google Chrome 23
  • OS: Linux Mint 13

As a sidenote, could the options only contain sites I added?

3
  • Browser? Browser Version? Operating System?
    – Andy Dwyer
    Dec 20, 2012 at 4:14
  • @AndyDwyer Apologies for forgetting that. Added. Dec 20, 2012 at 4:29
  • @AndyDwyer Weekday when you tried it? ;)
    – apaderno
    Dec 20, 2012 at 9:22

2 Answers 2

7

Interesting CSS issue here... This is actually caused by the select menu being floated to the right. Since the header-level-3 element has a position: relative applied to it, z-index takes precedence and pushes it on top of the floated content, so the select element is being shown behind it in the page layout. Therefore, there is a sort of "bar" that goes through the box where you're actually hovering over the header element and not the select element.

View from element inspector

This should apply to all browsers and is not specific to Chrome. Removing the position: relative from the header element, or adding it to the select element along with a high z-index, solves this issue.

1
  • Just fixed this, it's going live within the next few hours.
    – Max
    Dec 21, 2012 at 16:06
3

This issue is now fixed with a small CSS update.

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .