Opened 11 years ago
Closed 10 years ago
#10854 closed bug (notabug)
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.
Change History (4)
comment:1 Changed 11 years ago by
Component: | unfiled → effects |
---|---|
Milestone: | None → 1.next |
Priority: | undecided → low |
Status: | new → open |
comment:3 Changed 11 years ago by
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://stackoverflow.com/questions/5788726/add-remove-css-will-cause-ie9-to-increase-the-tables-height http://blog.brianrichards.net/post/6721471926/ie9-hover-bug-workaround
Adding "min-height: 0%" to the outer div should fix the issue.
comment:4 Changed 10 years ago by
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.