Friends,

I have some very strange issue in AngularJS + JQuery UI (Sortable- 
https://github.com/angular-ui/ui-sortable AngualarJS wrapper). 

We have a dashboard kind of page which is developed using AngularJS(1.2) + 
bootstrap css. 

1. In dashboard view, there will be many widgets like components, which 
displays some statistic data.
2. To render widgets, we have written an angularjs directive.
3. User can drag and drop widgets from a menu(there will be a menu which 
has list of widgets) to the dashboard (the code behind drag and drop is 
Angularjs wrapper for jquery ui sortable)

Hope I'm clear up to this. 

But the the issue is. 

When a user drags a widget from menu to the dashboard, it shows the helper 
area(something like highlighted dotted area) where he/she can drop the 
widget, if user wants to change the the drop area to other location in 
page..it doesn't show helper area(highlighted area) to drop to the next 
location..it forces the user to drop to the first highlighted area(where 
the user tried to drop first time..that is first mouse location). this 
happens only in Chrome /Webkit browser. 

But somehow, when I remove the custom angularjs directive tag from page 
source using Chrome developer tools..it works..where user can drag the 
widget where ever..he/she wants. 

I'm not getting what is wrong here and how to resolve this issue.

Hope I explained the issue properly.

Please help me. our page has very complicated code..and I can't give the 
source code also.

Thanks,
Abhay

 



  

-- 
You received this message because you are subscribed to the Google Groups 
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

Reply via email to