Forums

Board index » YUI 3.x: » Using YUI 3.x Components

Page 1 of 1   [ 6 posts ]
New Topic | Post Reply | Print view

JohnG

  • Joined: Mon Oct 26, 2009 7:42 pm
  • Posts: 61
  • Offline
  • Profile
Tags:

Interesting interaction between dd-plugin and dt scrolling

Post Posted: Tue Mar 13, 2012 7:22 am
+0-
This jsfiddle http://jsfiddle.net/Junkman77/e7N4u/2/ illistrates an issue between the dd-plugin and the scrolling datatable in YUI 3.4.1
If you click on the scroll, the whole panel will move and you can only get out by pressing 'esc'.

Very strange. Of course there could be something in the way I did the js.

I am not sure what component to enter an issue against.
You may have to "run" the fiddle to get the datatable to populate the panel.

Thanks for looking

JohnG

  • Joined: Mon Oct 26, 2009 7:42 pm
  • Posts: 61
  • Offline
  • Profile
Tags:

Re: Interesting interaction between dd-plugin and dt scrolli

Post Posted: Thu Jul 26, 2012 8:15 pm
+0-
http://jsfiddle.net/Junkman77/Ujjrb/2/
Updated the fiddle to use YUI 3.6.0pr4. Same basic issue.
Once the scroll has been activated in the datatable, you can click again to disable the dragdrop action.
I wonder if there is a way to prevent the click event from being heard by the dragdrop if the click event is in the datatable box?

Juan Ignacio Dopazo

YUI Contributor

  • Username: jdopazo
  • Joined: Fri Oct 02, 2009 5:39 am
  • Posts: 620
  • Location: Buenos Aires, Argentina
  • Twitter: juandopazo
  • GitHub: juandopazo
  • Gists: juandopazo
  • Offline
  • Profile
Tags:

Re: Interesting interaction between dd-plugin and dt scrolli

Post Posted: Fri Jul 27, 2012 5:58 am
+0-
Well, a simple solution would be to make the panel draggable by the header. It's a very common UI pattern that avoids your problem.

Also, plugins are a great idea for this:
Code:
myPanel.plug(Y.Plugin.Drag, {
  dragNode: myPanel.getStdModNode('header')
});

JohnG

  • Joined: Mon Oct 26, 2009 7:42 pm
  • Posts: 61
  • Offline
  • Profile

Re: Interesting interaction between dd-plugin and dt scrolli

Post Posted: Fri Jul 27, 2012 8:17 am
+0-
same basic problem, but actually worse..
Unless I implemented it wrong.
Revised:
http://jsfiddle.net/Junkman77/Ujjrb/3/

Dav Glass

  • Username: davglass
  • Joined: Thu Aug 28, 2008 9:28 am
  • Posts: 2088
  • Location: Marion, IL, US
  • Twitter: davglass
  • GitHub: davglass
  • Gists: davglass
  • IRC: davglass
  • Offline
  • Profile

Re: Interesting interaction between dd-plugin and dt scrolli

Post Posted: Fri Jul 27, 2012 8:25 am
+0-
You need to use "handles":

http://jsfiddle.net/davglass/PZSzJ/

JohnG

  • Joined: Mon Oct 26, 2009 7:42 pm
  • Posts: 61
  • Offline
  • Profile
Tags:

Re: Interesting interaction between dd-plugin and dt scrolli

Post Posted: Fri Jul 27, 2012 7:43 pm
+0-
Thanks Dav!

Works perfect in the A-Grade browsers (Chrome).
Since I was on the road when you replied, I noticed the scroll bar in the datatable does not get produced on Android (HTC Thunderbolt). Completely separate issue.

Thanks again.
Page 1 of 1   [ 6 posts ]
New Topic | Post Reply | Print view
Display posts from previous:  Sort by  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum

Recent Forums Posts

Recent YUI Blog Posts

Online Users

© 2006-2013 Yahoo! Inc. All rights reserved.
All code on this site is licensed under the BSD License unless stated otherwise.
About This Site · Security Contact Info

Powered by phpBB® Forum Software © phpBB Group