Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Drag.move disables input text edit mode. #1159

Closed
swamyv opened this issue Oct 31, 2012 · 2 comments
Closed

Drag.move disables input text edit mode. #1159

swamyv opened this issue Oct 31, 2012 · 2 comments

Comments

@swamyv
Copy link

swamyv commented Oct 31, 2012

Here is a simple script. I pasted it on jsfiddle and tried it. Drag works but can not enter value to input box.
Same code works fine on IE but issue is in FireFox and chrome.

HTML:

<div id='popup' class='popwin'>
    <div id='header' class='header'> </div>
    <div id='prop_input' > < input id='input' value='enter value'> </input> </div>
</div>

CSS:

#popup {
  background-color: #fff;
  border: 1px solid #303030;
  float: left;
  top:500px;    
  width: 30%;
  height:100px;
}

#header {
  background-color: #4422ff;
  border: 1px solid #808080;
  float: left;
  width: 99%;
  height:20px;
  cursor:'move';
}

JS:

var popwin = $$('.popwin');
$$('.header').setStyle('cursor', 'move');
var dragme = function(event) {
    var draga = new Drag.Move(this, {
    });
    draga.start(event);
};
popwin.addEvent('mousedown', dragme);

Test case on jsfiddle.net

http://jsfiddle.net/CvGcb/4/

SergioCrisostomo pushed a commit that referenced this issue Oct 27, 2015
SergioCrisostomo added a commit that referenced this issue Oct 27, 2015
* pr1180:
  specs and code style fix
  fixing issue #1159

g issue #1159
@SergioCrisostomo
Copy link
Member

Fixed in fa1acb1

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging a pull request may close this issue.

3 participants
@swamyv @SergioCrisostomo and others