Skip to main content

Search and Top Navigation

#7373 closed bug (notabug)

Opened May 15, 2011 10:59PM UTC

Closed May 19, 2011 06:08PM UTC

Last modified May 19, 2011 11:51PM UTC

jQuery-UI Dialog - Input Fields are Disabled on 2nd Use

Reported by: plippard Owned by: plippard
Priority: minor Milestone: 1.9.0
Component: ui.dialog Version: 1.8.12
Keywords: Cc:
Blocked by: Blocking:
Description

I am using the jQuery-UI Modal Dialog....I am using three dialogs....although not at same time. jQuery-UI Tabs is also used within the modal dialog.

When I attempt to key into an input field when displaying the modal dialog for a 2nd time, the input field is disabled.

I have tried using a create dialog, followed by open, and then followed by close when I am finished with the dialog....and then issuing an open to reopen the dilaog. Nothing seems to solve the disabled input field condition.

Attachments (0)
Change History (9)

Changed May 15, 2011 11:07PM UTC by plippard comment:1

I have read of similar problems and read that timing of certain events can contribute to this....can you suggest a workaround ?

Changed May 15, 2011 11:44PM UTC by scottgonzalez comment:2

owner: → plippard
status: newpending

Please provide a reduced test case showing the problem.

Changed May 15, 2011 11:44PM UTC by scottgonzalez comment:3

component: ui.coreui.dialog

Changed May 19, 2011 03:12PM UTC by plippard comment:4

status: pendingnew

I have identified the root of my problem. I am closing my jQuery UI dialog when an appropriate button is depressed ....and then destroying the dialog during the close event. I was also issuing a removeControl command for a tinyMCE editor during the beforeClose event....and this is the root of the problem....if I comment out the tinyMCE removeControl command (as I have done below).....then I do not encounter the disabled input fields in the dialog.

Can you suggest a workaround ?

$("#AddEventDialog").dialog({

autoOpen: true,

resizable: false,

minHeight: 300,

minWidth: 500,

modal: true,

buttons: {

"Add Event": function () {

if (addEventValidator.form() == true) {

var selectedStartDate = new Date($('#addEventStartDateTime').datetimepicker('getDate'));

var selectedEndDate = new Date($('#addEventEndDateTime').datetimepicker('getDate'));

$('#addEventStartDateTime').datetimepicker('destroy');

$('#addEventEndDateTime').datetimepicker('destroy');

$("#AddEventDialog").dialog("close");

AddEventToDB(selectedStartDate, selectedEndDate);

}

else {

$("#addEventTabs").tabs("select", 0);

}

},

Cancel: function () {

$('#addEventStartDateTime').datetimepicker('destroy');

$('#addEventEndDateTime').datetimepicker('destroy');

$("#AddEventDialog").dialog("close");

}

},

close: function () {

$('#addEventStartDateTime').datetimepicker('destroy');

$('#addEventEndDateTime').datetimepicker('destroy');

$("#AddEventDialog").dialog("destroy");

},

open: function () {

$('#addEventTabDescription textarea.tinymce').each(function () {

Global.EventDescription = "";

$(this).tinymce({

theme: "advanced",

oninit: function () {

tinymce.activeEditor.setContent(Global.EventDescription);

}

});

});

},

beforeclose: function () {

$('#addEventTabDescription textarea.tinymce').each(function () {

Global.EventDescription = tinymce.activeEditor.getContent();

causing subsequent dialog input field usage to be disabled

tinymce.EditorManager.execCommand('mceRemoveControl', true, $(this).attr('id'));

});

}

});

Changed May 19, 2011 06:08PM UTC by scottgonzalez comment:5

resolution: → invalid
status: newclosed

Please use the forums for help.

Changed May 19, 2011 06:38PM UTC by plippard comment:6

I still consider this a problem.....I simply found a workaround. Can you tell me why you feel this problem should be closed ? Please leave this problem open and advise why commenting out the removeControl for tinyMCE seems to work as a workaround.

Thanks

Changed May 19, 2011 06:40PM UTC by scottgonzalez comment:7

Debugging tinyMCE is outside the scope of this bug tracker.

Changed May 19, 2011 10:30PM UTC by plippard comment:8

I do not consider it debugging tinyMCE.

Are you saying that anytime a 3rd party plug-in is used you refuse to accept any problems on jQuery UI Dialog ?

Is this not in direct conflict with the basic concept of jQuery UI and open source ?

After all....it is not tinyMCE that is not longer working....it is the jQuery UI Dialog that is no longer working....the dialog input fields are disabled for input !!! If tinyMCE was no longer working then I would open a problem with tinyMCE.....however the problem symptoms are with jQuery UI EDialog.

Changed May 19, 2011 11:51PM UTC by scottgonzalez comment:9

If the bug is caused by calling a method on tinyMCE, how would we track down the problem without debugging tinyMCE? If you can reduce the problem, then we'll look into it.