Problem with Chrome and win7

[GoogleCodeExporter]

What steps will reproduce the problem?
1.The scroll is perfectly display when the page is load
2.The scroll disappear and don't work no more
3.if i resize the window it 'll appear but don't work.

What is the expected output? What do you see instead?

What version of the product are you using? On what operating system?
NiceScroll version: 2.9.6 Windows7 64 bit

Please provide any additional information below.
in the other browser the javascript works fine!
In my version there's only:
<div id="ascrail2001" style="width: 5px; z-index: 9002; position: absolute; 
top: 30px; left: 385px; height: 300px; opacity: 0; "><div style="position: 
relative; top: 0px; float: right; width: 5px; height: 44px; background-color: 
rgb(0, 0, 255); background-clip: padding-box; border-top-left-radius: 5px; 
border-top-right-radius: 5px; border-bottom-right-radius: 5px; 
border-bottom-left-radius: 5px; "></div></div>

but not <div id="ascrail2000" 

Original issue reported on code.google.com by gabgr...@gmail.com on 5 Oct 2012 at 7:41

[GoogleCodeExporter]

Same issue here too.... but this bug is reproducible only on some Win Pro 7 
machines.

Latest Chrome Version 22.0.1229.94.

Original comment by praveen....@gmail.com on 11 Oct 2012 at 3:05

[GoogleCodeExporter]

Problem remain also with v 3.0.0 RC2 - last fixes. My Chrome Version 
22.0.1229.94. For some reason the javascript is not able to write <div 
id="ascrail2000" ...> thet is the responsable of make appear the bar 
onmouseover...

Original comment by gabgr...@gmail.com on 11 Oct 2012 at 3:24

[GoogleCodeExporter]

On my site with nicescroll v2.9.6 the rail id is ascrail2000 but still it 
doesnt work. The scroll bar appears onMouseEnter, onMouseLeave and onMouseWheel 
events normally, but after the bug surfaced the scroll bar appears only during 
init and when re-sizing the window. No other event triggers it now.

Even if the scroll bar is not visible scrolling should work on mousewheel 
because when using scroll wheel the scroll bar is only indicative of scrolling 
but does not affect it.

There seems to be some issue with mouse events. 

Please help. My live site is now broken!

Original comment by praveen....@gmail.com on 11 Oct 2012 at 4:07

[GoogleCodeExporter]

@gabgr...@gmail.com -- Which machine are you using to test? Whats the graphic 
system in it? I have been able to reproduce this bug only on one machine with 
GMA X4500.

Original comment by praveen....@gmail.com on 11 Oct 2012 at 6:58

[GoogleCodeExporter]

Found the problem. I am using a touch enabled laptop - Thinkpad x201 Tablet - 
to test the functionality. When I updated chrome to the latest version, 
mousewheel events stopped working. But when I ran a thorough check. The touch 
based scrolling is working but not the mousewheel one.

Looks like nicescroll is confusing my laptop for a Tablet without mouse input 
and only responding to touch events.

Even though rare there are touchscreen laptops around and on them nicescroll 
needs to capture both touch and mouse.

Original comment by praveen....@gmail.com on 12 Oct 2012 at 9:43

[GoogleCodeExporter]

I need your help to gathering more infos.
Please test events with this page:
http://jsfiddle.net/QC3AJ/

I need to find it if you chrome detect both mouse events and touch ones.

Original comment by inuya...@gmail.com on 15 Oct 2012 at 8:56

• Changed state: Started
• Added labels: Type-Enhancement
• Removed labels: Type-Defect

[GoogleCodeExporter]

My chrome detect only mouse click event but it detect like a pair of mousedown 
and mouseup events each time i click. No touchstart or touchend event detected!

Original comment by gabgr...@gmail.com on 15 Oct 2012 at 10:27

[GoogleCodeExporter]

NO detect on Mouseover or mouseout

Original comment by gabgr...@gmail.com on 15 Oct 2012 at 10:28

[GoogleCodeExporter]

Do your browser dispatches only events: mousedown and mouseup?

It seems very related to a chrome bug.
Please check this issue:
http://code.google.com/p/chromium/issues/detail?id=113642

Original comment by inuya...@gmail.com on 15 Oct 2012 at 10:58

[GoogleCodeExporter]

Yes, but not on mouseup or mousedown, but only when i click...

Original comment by gabgr...@gmail.com on 15 Oct 2012 at 11:32

[GoogleCodeExporter]

...Nothing happens when clicking on green/blue/red rectangle !!!

Original comment by gabgr...@gmail.com on 15 Oct 2012 at 11:35

[GoogleCodeExporter]

I found many issue related to yout problem.
(p.e. http://code.google.com/p/gmaps-api-issues/issues/detail?id=4458)
I need some investigating to resolve this issue with touch support on chrome 22.

Original comment by inuya...@gmail.com on 15 Oct 2012 at 12:43

[GoogleCodeExporter]

I have prepared a test page with touch event (on Chrome) disable:
http://www.areaaperta.com/nicescroll/test/chrome/

Original comment by inuya...@gmail.com on 15 Oct 2012 at 1:03

[GoogleCodeExporter]

IT WORKS!

Original comment by gabgr...@gmail.com on 15 Oct 2012 at 1:04

[GoogleCodeExporter]

It works also if i set Enable touchbehavior option: ON

Original comment by gabgr...@gmail.com on 15 Oct 2012 at 1:09

[GoogleCodeExporter]

It works in both modes. But when touch behavior is enabled we are able to drag 
and scroll with mouse too. Is this the expected behavior?

Original comment by praveen....@gmail.com on 15 Oct 2012 at 1:46

[GoogleCodeExporter]

Please test new version with chrome fix (attemp):
http://www.areaaperta.com/nicescroll/test/chrome/

Original comment by inuya...@gmail.com on 15 Oct 2012 at 1:57

[GoogleCodeExporter]

It seems working ! Also drag and scroll with mouse too!!!

Original comment by gabgr...@gmail.com on 15 Oct 2012 at 2:10

[GoogleCodeExporter]

Drag and scroll with mouse is an anti-pattern as it might confuse the user and 
interfere with click events bound to the elements in the scrollable div.

Original comment by praveen....@gmail.com on 15 Oct 2012 at 2:23

[GoogleCodeExporter]

Praveen I need more help to understand you reply.
What you write is: you can drag content window with mouse when touchbehavior is 
set to OFF
Is it correct?
Drag is supposed to work only when you touch display. (mouseevents don't drag 
content)

Original comment by inuya...@gmail.com on 15 Oct 2012 at 3:10

[GoogleCodeExporter]

I think I found what you write. This demo works well only on chrome. (it's 
target to this browser to check how new touch events work)
I'll publish soon new version to test on all browers. (I'm working on it)

Original comment by inuya...@gmail.com on 15 Oct 2012 at 3:36

[GoogleCodeExporter]

Sorry Inayuksa, I was expecting a mail from Google Code on updates on this 
issue. Looks like email updates for issues are turned off.

What I meant was - NiceScroll is not supposed to enable dragging of content 
with mouse. While Touch scrolling works by dragging with finger NiceScroll 
should not allow the same kind of scrolling with mouse.

More precisely - on mousedown -> mousemove -> mouseup should not scroll content 
even when touch is enabled.

Original comment by praveen....@gmail.com on 16 Oct 2012 at 7:40

[GoogleCodeExporter]

RC3 released. Let me know if it works.

Original comment by inuya...@gmail.com on 16 Oct 2012 at 8:02

[GoogleCodeExporter]

I fix this issue on RC3. Please try and let me know how if it works.

Original comment by inuya...@gmail.com on 17 Oct 2012 at 9:20

[GoogleCodeExporter]

The issue still persists in RC4. I can still drag with mouse and scroll when 
using nicescroll. I tested using scroll3.html in test folder of RC4 with 
touchbehaviour ON.

Original comment by praveen....@gmail.com on 21 Oct 2012 at 8:30

[GoogleCodeExporter]

When touchbehavior is OFF, you can also scroll with mouse drag or it works as a 
normal desktop scroll?

Original comment by inuya...@gmail.com on 23 Oct 2012 at 7:41

[GoogleCodeExporter]

When touchbehavior is OFF. it works normally and no dragging and scrolling is 
possible.

Original comment by praveen....@gmail.com on 31 Oct 2012 at 6:50

[GoogleCodeExporter]

v3 released

Original comment by inuya...@gmail.com on 17 Dec 2012 at 8:36

• Changed state: Fixed