Vanilla 1 is no longer supported or maintained. If you need a copy, you can get it here.
HackerOne users: Testing against this community violates our program's Terms of Service and will result in your bounty being denied.
Bug: bad CSS in #Session div
The #Session div (which is used to hold the text "Sign in as Foo (Sign Out)") overlaps the #Header div, which is used to hold the title of the discussion forum. On the surface, this doesn't appear to be a problem, however, if you use HTML in the title, it is a problem.
If you make the title a hyperlink: <a href="foo.com">Foo Forum</a>
what happens is that the #Session div overlaps that, and makes the bottom half of the title unclickable, because you're clicking on the #Session div rather than the link in the #Header div.
The #Session div:
#Session (line 78)
{
width: 100%;
position: absolute;
top: 25px;
right: 18px;
text-align: right;
font-size: 11px;
color: #5d709f;
}
probably shouldn't have width: 100%. It works fine if the width is less.
If you make the title a hyperlink: <a href="foo.com">Foo Forum</a>
what happens is that the #Session div overlaps that, and makes the bottom half of the title unclickable, because you're clicking on the #Session div rather than the link in the #Header div.
The #Session div:
#Session (line 78)
{
width: 100%;
position: absolute;
top: 25px;
right: 18px;
text-align: right;
font-size: 11px;
color: #5d709f;
}
probably shouldn't have width: 100%. It works fine if the width is less.
0
This discussion has been closed.
Comments
Either of the solutions above will work - either don't expand the #Session div all the way to the left of the screen (no need to do so!), or make the #Header div "higher" in z-index terms so that it's clickable.