I really like what you have done with this set of tools and I'm here to report a few bugs with the Tooltip.
1. If an <input> is surrounded by <p>, the behavior becomes completely broken and unreliable. The box jumps around and disappears sometimes over at 1000+px but in a visible state. Sometimes it jumps back to where it's supposed to. Also, the tooltip shows up on hover rather than on click. See the first part of the code below.
2. A <label> that wraps around <input> has the same wrong hover behavior as #1. However, it is a valid syntax to wrap <label> around <input> like that, as specified herehttp://www.w3.org/TR/html401/interact/forms.html#h-17.9.1. It is actually more useful as it passes focus down to <input> upon click. "When a LABEL element receives focus, it passes the focus on to its associated control. See the section below on access keys for examples."
That's it for now. I hope you can reproduce these bugs. Btw, I'm using FF 3.0.10 on Windows.
1. If an <input> is surrounded by <p>, the behavior becomes completely broken and unreliable. The box jumps around and disappears sometimes over at 1000+px but in a visible state. Sometimes it jumps back to where it's supposed to. Also, the tooltip shows up on hover rather than on click. See the first part of the code below.
2. A <label> that wraps around <input> has the same wrong hover behavior as #1. However, it is a valid syntax to wrap <label> around <input> like that, as specified herehttp://www.w3.org/TR/html401/interact/forms.html#h-17.9.1. It is actually more useful as it passes focus down to <input> upon click. "When a LABEL element receives focus, it passes the focus on to its associated control. See the section below on access keys for examples."
<form action="" method="post">
<p>Test input:<input value="10" size="5" /></p>
<div class="tooltip">Test</div>
<label>Test input2:<input value="10" size="5" /></label>
<div class="tooltip">Test2</div>
</form>
That's it for now. I hope you can reproduce these bugs. Btw, I'm using FF 3.0.10 on Windows.
