Side navigation
#10854 closed bug (notabug)
Opened November 22, 2011 10:27AM UTC
Closed November 02, 2012 03:02AM UTC
Problem with .hover() and IE9
| Reported by: | zeljko | Owned by: | |
|---|---|---|---|
| Priority: | low | Milestone: | 1.next |
| Component: | effects | Version: | git |
| Keywords: | Cc: | ||
| Blocked by: | Blocking: |
Description
I have a strange problem with .hover() and IE9. When I create div with a scroll bar and inside that div when I use hover to toggle inner div class I see that outer div is expanding on every mouseenter/leave.
Fiddle: http://jsfiddle.net/vhkfg/4/
Try to move mouse over "test" word few times and see how outer div is expanding. Only in IE9.
Attachments (0)
Change History (4)
Changed November 22, 2011 07:33PM UTC by comment:1
| component: | unfiled → effects |
|---|---|
| milestone: | None → 1.next |
| priority: | undecided → low |
| status: | new → open |
Changed December 01, 2011 06:04PM UTC by comment:2
Your overflow: auto is causing the issue.
Changed April 09, 2012 02:35PM UTC by comment:3
It's a known issue with IE9, hover styles and containers with scroll bars:
http://stackoverflow.com/questions/7445750/ie9-link-hover-css-color-change-vertical-shift
http://blog.brianrichards.net/post/6721471926/ie9-hover-bug-workaround
Adding "min-height: 0%" to the outer div should fix the issue.
Changed November 02, 2012 03:02AM UTC by comment:4
| resolution: | → notabug |
|---|---|
| status: | open → closed |
This isn't a jQuery bug and not something we can fix.
It's not the hover part, because this does it too:
http://jsfiddle.net/dmethvin/vhkfg/8/
Looks like the toggling code in 1.7 is calculating the height wrong, it could be because of the scroll bar.