Monthly Archives: August 2011

RaphaelJS 2.0 onDragOver limitation


New RaphaelJs 2.0 provides a function to detect if an element is being dragged over another element. It’s called onDragOver and is a shortcut for drag.over.<id> event.

It works very well for 2 elements being directly on top of each other. But if a third element appears in between then unfortunately events are not firing any more. According to the source code it was intentional and I guess functionality is not going to be extended any time soon.

This is a major problem if you have several cascading elements and you need to fire an event on each of them. Unfortunately Element.hover() event is not fired while drag and drop either (at least not in FF that I used for testing).

The only solution I found so far is to use Element.drag() with Element.getBBox() method and compare coordinates myself to determine whether mouse is inside the element “box”. It’s a very ugly solution especially if elements are not of a simple rectangular shape. Otherwise the only option I can see is to check if a dot is inside the polygon etc.

If you have any ideas on better solution please let me know!

1 Comment

Posted by on August 15, 2011 in RaphaelJS


Tags: , , ,

ExtJs: radio buttons are not clickable sometimes…

Radio buttons

Just came across this issue when ExtJs radio buttons are not selectable for some reason.

My initial setup was the following:

{ xtype: 'radiogroup', columns: 1,  fieldLabel: "Languages", autoWidth:true, 
  items: [
      {boxLabel: "Default", name: 'language', inputValue: 'D', id: 'defaultLang', checked: true},
      {boxLabel: "Order", name: 'language', inputValue: 'C', id: 'orderLang'},
      {boxLabel: "Other", name: 'language', inputValue: '0', id: 'otherLang'}

It’s very basic and I spent hours trying to figure out why only last option gets selected no matter what radio button I click.

Long story short – value of “0” in the last radio button causes the issue. There must be something with mixing numeric and non-numeric types of values. And numeric are give the priority.

So changing the value to the same type as other values fixes the issue.

P.S. fond the same issue addressed on StackOverflow

Leave a comment

Posted by on August 12, 2011 in Sencha


Tags: , , ,

%d bloggers like this: