overflow:hidden is not removed when .stop() is called
|Reported by:||Ult Combo||Owned by:||mikesherov|
I'm aware that when animating the dimensions of a div, overflow:hidden is added to the element style in order to don't show scrollbars.
The overflow property is removed from the element style when the animation is complete. However, that doesn't happen when I call the .stop method.
Normal behavior - Without .stop(), scrollbars are hidden while animating and restored to default after animation.
Test case - trigger the div's mouseenter then mouseleave while it is animating to invoke the .stop() method, the overflow:hidden stays in the element style and scrollbars are gone for good.
Temporary workaround: Set overflow:auto !important; in the CSS when the div is supposed to have scrollbars.
Proposed patch: remove the added overflow:hidden from the element style when .stop() is invoked.
I'd suggest not adding the overflow property if the element already has one, but in that case it could break back-compat. Therefore simply restoring the overflow when .stop() is called as if the animation had completed should suffice.
Change History (6)
comment:1 Changed 3 years ago by timmywil
- Component changed from unfiled to effects
- Milestone changed from None to 1.next
- Priority changed from undecided to low
- Status changed from new to open
comment:3 Changed 3 years ago by mikesherov
- Owner set to mikesherov
- Status changed from open to assigned
comment:4 Changed 3 years ago by Dave Methvin
- Resolution set to fixed
- Status changed from assigned to closed