Handle splitters on tablet about ui-layout

[ticlaudeberube]

It works when disabling Emulate Touchscreen in Chrome Canary Emulate panel. Added some meta tag to disable pinch.

Still not working on iPad.

[ticlaudeberube]

lastX = mouseEvent[mouseProperty] || mouseEvent.originalEvent[mouseProperty];
Cannot read property 'clientY' of undefined

[scottmcdonnell]

This fix worked for me for enabling touch on IOS

lastX = mouseEvent[mouseProperty] || mouseEvent.originalEvent[mouseProperty] || mouseEvent.originalEvent.targetTouches[0][mouseProperty];

[ticlaudeberube]

Thanks, I will post my solution too. It should be similar.

I am very busy on another project. so i dodin't update my post yet.

There is another bug to document which happens when the handle bar is close
to the border of the window or 0.

Thanks again.

Claude

On Fri, May 9, 2014 at 12:57 PM, Scott McDonnell
[email protected]:

This fix worked for me for enabling touch on IOS

lastX = mouseEvent[mouseProperty] || mouseEvent.originalEvent[mouseProperty] || mouseEvent.originalEvent.targetTouches[0][mouseProperty];

—
Reply to this email directly or view it on GitHubhttps://github.com//issues/12#issuecomment-42688637
.

Claude Bérubé, PMP, PSM
[email protected]
514-529-0338

http://clients.teksavvy.com/~cberube/

[ticlaudeberube]

Here is the solution I have been working with for a couple of month. Also tested on IOS.
lastX = mouseEvent[mouseProperty] || mouseEvent.touches[0][mouseProperty];

[ticlaudeberube]

Both solution have a similar bug that occurs when the slider is close to the edge on desktop.
Uncaught TypeError: Cannot read property 'clientX' of undefined
ui-layout.js:188

lastX = mouseEvent[mouseProperty] || mouseEvent.touches[0][mouseProperty]
mouseEvent.touches[0][mouseProperty]
TypeError: Cannot read property '0' of undefined
mouseEvent[mouseProperty]
45

lastX = mouseEvent[mouseProperty] || mouseEvent.originalEvent[mouseProperty] || mouseEvent.originalEvent.targetTouches[0][mouseProperty];

mouseEvent[mouseProperty]
16
mouseEvent.originalEvent[mouseProperty]
TypeError: Cannot read property 'clientX' of undefined
mouseEvent.originalEvent.targetTouches[0][mouseProperty]
TypeError: Cannot read property 'targetTouches' of undefined

Thanks,

[scottmcdonnell]

This should cover everything:

 lastX = mouseEvent[mouseProperty] || mouseEvent.originalEvent[mouseProperty] || (mouseEvent.originalEvent.targetTouches ? mouseEvent.originalEvent.targetTouches[0][mouseProperty] : 0) || 0;

[douglasduteil]

Thanks @scottmcdonnell @ticlaudeberube
I will make an update whenever i have time 👍

[douglasduteil]

K It's actually this for me

lastX = 
  mouseEvent[mouseProperty] || 
  (mouseEvent.originalEvent && mouseEvent.originalEvent[mouseProperty]) || 
  (mouseEvent.targetTouches ? mouseEvent.targetTouches[0][mouseProperty] : 0) ||
   0;

[ticlaudeberube]

Works AOK! thanks again. Hawsome UI component.

[nevcos]

I think there is an error on ui-layout.js:112:

(mouseEvent.targetTouches ? mouseEvent.targetTouches[0][ctrl.sizeProperties.mouseProperty] : 0)

It's allways returning 0 because targetTouches only exists inside originalEvent. So this is working as expected:

(mouseEvent.originalEvent.targetTouches ? mouseEvent.originalEvent.targetTouches[0][ctrl.sizeProperties.mouseProperty] : 0)