Ticket #3805 (closed bug: worksforme)
IE8 beta 2 bug: .ready + mouseover + inline-block do not work
| Reported by: | moronicbajebus | Owned by: | brandon |
|---|---|---|---|
| Priority: | major | Milestone: | 1.3 |
| Component: | event | Version: | 1.2.6 |
| Keywords: | IE8 | Cc: | |
| Blocking: | Blocked by: |
Description
This is a tricky one which effect IE8 beta 2.
The goal:
To create a trigger, that is styled "display: inline-block", when mouseovered will show another box.
The conditions:
- The trigger is display: inline-block
- The other box is hidden via Javascript
- The jQuery.ready function is used
The results:
The mouseover will not work. But, if you click on the trigger, it will fire the mouseover event.
It will work if any of the following occur:
- The other box is hidden with stylesheets
- Instead of using jQuery.ready, the script is called
directly after in the HTML code
Attachments
-
ie8-onmouseover-display-inline-block.html
(802 bytes) -
added by moronicbajebus 4 years ago.
- HTML example of bug
Change History
Changed 4 years ago by moronicbajebus
-
attachment
ie8-onmouseover-display-inline-block.html
added
comment:1 Changed 4 years ago by dmethvin
- Status changed from new to closed
- Resolution set to worksforme
The test case works for me in both jQuery 1.2.6 and jQuery 1.3b2. When I mouse over the red div the blue "show me" appears. I used IE8b2 8.0.6001.18241, Windows XP. I did not have IE8 set to IE7 compat view.
If you can provide more detail on the situation where this fails, please reopen the ticket.
Please follow the bug reporting guidlines and use jsFiddle when providing test cases and demonstrations instead of pasting the code in the ticket.
HTML example of bug