Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

unable to scroll page when mouse pointer is over handsontable #383

Closed
phishy opened this issue Feb 1, 2013 · 16 comments
Closed

unable to scroll page when mouse pointer is over handsontable #383

phishy opened this issue Feb 1, 2013 · 16 comments
Labels

Comments

@phishy
Copy link

phishy commented Feb 1, 2013

I cannot confirm this on another computer, but on my MacBook Pro, two-finger scrolling will not engage when hovering over the table. Can anyone with a real mouse confirm/deny this issue?

@frvade
Copy link

frvade commented Feb 1, 2013

+1 on Lenovo touchpad 2-finger scroll doesn't scroll the page when hovering over the table even if handsontable doesn't have scroll bar.

@matkus
Copy link

matkus commented Feb 1, 2013

It is same if you use mouse scroll. But it scrolls table itself. But I didn't checked if it scrolls page, if table is small enaugh not to be scrolled.

Maybe there could be option, how table should react to mouse scrolling.

@onel
Copy link

onel commented Feb 2, 2013

+1 same problem here. Used in chrome, windows 7; scroll wheel and touch pad the page doesn't scroll. The table is ok.

@ronnyandre
Copy link

I have the same problem. Is there no solution to this problem?

@gruppler
Copy link

gruppler commented Apr 8, 2013

+1
If the table is set to overflow:visible, it shouldn't capture and abort scroll events, IMO. Right now, it seems to capture all scroll events regardless of whether or not we're trying to use handsontable's scrolling functionality.

@go1dfish
Copy link

+1 this is a big pain point for us as well.

The only solution (really a hack) I have found is to disable the mousewheel event listener all together by pulling it out of the handsontable source.

@setthase
Copy link

I can't reproduce it via my track pad in MBP in example from: http://handsontable.com/index.html
Can you check if you can reproduce it there?

@gruppler
Copy link

Yes, the problem occurs there as well.

@setthase
Copy link

Could you send your environment specification (browser, OS)?

@gruppler
Copy link

Sorry. Chrome 26 on Windows 7 using a common Logitech mouse with wheel.

@alvarotrigo
Copy link

+1 I have exactly the same problem.
Unable to scroll the page when the mouse is over the table.

As @gruppler says, it also happends in the link example @codename- posted.

This did not happend with version 0.7.3.

Tested over the following browsers for Windows 7:

  • Internet Explorer 9.0.8
  • Chrome 26.0.14
  • Firefox 20.0.1
  • Opera 12.14

@setthase
Copy link

I can reproduce it on my Mac only in Chrome and Safari. So it seams to be related with webkit engine. In Firefox it's working fine for me.

@alvarotrigo
Copy link

@codename- I haven't tried it on Mac, I will try it at night, but I am testing it in Firefox 20.0.1 over Windows 7 and it doesn't scroll with the scrolling wheel of the mouse, which is quite annoying using a large and full width table.
It doesn't seem to be about webkit.

My table doesn't have a scroll bar. Similar as the one in the example which doesn't scroll either.

@alvarotrigo
Copy link

As @go1dfish says, it works well just deleting the mousewheel event. (at least for my table with no scrolling bar)

I changed this:

//line 7821
$.event.special.mousewheel = {
    setup: function() {
        if ( this.addEventListener ) {
            for ( var i=types.length; i; ) {
                this.addEventListener( types[--i], handler, false );
            }
        } else {
            this.onmousewheel = handler;
        }
    },

    teardown: function() {
        if ( this.removeEventListener ) {
            for ( var i=types.length; i; ) {
                this.removeEventListener( types[--i], handler, false );
            }
        } else {
            this.onmousewheel = null;
        }
    }
};

For this

$.event.special.mousewheel = {
    setup: function() {
        /********** changes here ***********
        if ( this.addEventListener ) {
            for ( var i=types.length; i; ) {
                this.addEventListener( types[--i], handler, false );
            }
        } else {
            this.onmousewheel = handler;
        }
     *************************************/
    },

    teardown: function() {
        if ( this.removeEventListener ) {
            for ( var i=types.length; i; ) {
                this.removeEventListener( types[--i], handler, false );
            }
        } else {
            this.onmousewheel = null;
        }
    }
};

stof added a commit to stof/jquery-handsontable that referenced this issue May 21, 2013
@PhilAndrew
Copy link

+1 need this

@warpech
Copy link
Member

warpech commented May 28, 2013

This is fixed now in 0.9.2. Please upgrade and let me know how it works for you. Sorry for the delay!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests