MakeResizable make input fields not clickable

[harishajdarevic]

I've really strange behavior and I spent a couple of days to try to figure out what is a problem.

MooTools methods makes my input fields not clickable, and I don't know why. They are clickable if I first click on it with right click and then with left click. Totally weird, right?

$$('.class1.class2').makeResizable({
});

Above piece of code needs to make all children of div which has class 'class1' & 'class2' to be re-sizable, and that works perfectly but beside that it also makes input fields not clickable.

Does anybody had the similar problem?

Any kind of help will be appreciate.

Thanks

--- Want to back this issue? **[Post a bounty on it!](https://www.bountysource.com/issues/6344933-makeresizable-make-input-fields-not-clickable?utm_campaign=plugin&utm_content=tracker%2F22069&utm_medium=issues&utm_source=github)** We accept bounties via [Bountysource](https://www.bountysource.com/?utm_campaign=plugin&utm_content=tracker%2F22069&utm_medium=issues&utm_source=github).

[SergioCrisostomo]

@harishajdarevic please make a jsFiddle that reproduces your problem so we can look at it.

Cheers

[harishajdarevic]

@SergioCrisostomo here is it: http://jsfiddle.net/tugomv00/

I got the same problem at my website. I need first to click right click on input and than with left click I can type in input field.

[arian]

What you could do is don't propagate the mousedown event from the input events, so dragging doesn't start, like this: http://jsfiddle.net/tugomv00/1/

For Sortables we have an unDraggableTags option exactly for this problem, maybe we should add that option to Drag or Drag.Move.

[arian]

unDraggableTags in Sortables: https://github.com/mootools/mootools-more/blob/master/Source/Drag/Sortables.js#L37

[DimitarChristoff]

this works if you do

el.makeResizable({
     preventDefault: false,
     stopPropagation: true
});

i would argue the stopPropagation is counter-intuitive here but it is what it is. http://jsfiddle.net/tugomv00/2/