Mousewheel Event Over Object Tag

I am using object tags to embed svg images in some html. I noticed that when I have a mousewheel event and the cursor is over one of these object tags, the event is not fired. This happens when the event is bound to the parent of the object tags (or directly to the body, etc.), and for testing purposes, I also tried to bind the mousewheel event directly to the object (not scrolling through the actual tag, but just returning the console log for testing) , it doesn't work either.

Apparently the object tags somehow kill the page events and don't bubble up the events!?!

Is there a way to get around this? It really kills the usability of the page when the mouse wheel scrolling stops abruptly if the cursor lands over an object tag.

I am using Firefox and have not tested this in other browsers. However, I need to support Firefox independently.

UPDATE: This bug can only affect Firefox on Linux. A small percentage, which is good, but that percentage nevertheless includes me, so a workaround is needed. If I paste the svg in the img tag it works fine, however this prevents the default from falling back to png for ie <i.e. 9, so these are not very big decisions.

+3


source to share





All Articles