Editor in Form Popup only works when debug is set!

I modified a demo found here :

dhtmlx.com/docs/products/dhtmlxF … ditor.html

[code]

dhtmlxEditor
[/code]

The change basically put the Form in a Popup.

When this file is served to a browser, I get this:

When I enable debugging (in Chrome Version 35.0.1916.153 m for instance inspect element) I get :

I have a similar problem with IE 11 and Firefox 30.

Hi

please try the following fix (version 4.0.x):

  1. css (remove extra border)

div.dhx_popup_dhx_skyblue div.dhx_popup_area tr.dhxnode td.dhx_popup_td .dhxform_obj_dhx_skyblue div.dhxeditor_dhx_skyblue { border-width: 0px; }

  1. js (add once after dhtmlx.js loaded)

dhtmlXPopup.prototype._attach_init_form = function(data) { var that = this; this._nodeObj = new dhtmlXForm(this._nodeId, data.struct); this._nodeObj.setSkin(this.conf.skin); this._nodeObj.attachEvent("_onBeforeEditorAccess", function(){ that._clearClick = true; }); if (this.conf.editorEv != null && this.checkEvent(this.conf.editorEv) == false) { this.conf.editorEv = null; }; if (dhtmlXForm.prototype.items.editor != null && this.conf.editorEv == null) { this.conf.editorEv = this.attachEvent("onShow", function(){ var editors = dhtmlXForm.prototype.items.editor.editor; for (var a in editors) { var base = editors[a].base; var fixSize = false; while (base != null) { if (base == this.p) { fixSize = true; base = null; } else { base = base.parentNode; } } base = null; if (fixSize == true) { editors[a].cell.conf.cells_cont = null; editors[a].setSizes(); } } editors = null; this.detachEvent(this.conf.editorEv); this.conf.editorEv = null; }); if (this._nodeObjEv == null) this._nodeObjEv = []; this._nodeObjEv.push(this.conf.editorEv); } };

Most useful fix. I like the attention to details (the CSS fix).

I applied the fix and this works well with Chrome and IE.

Curiously with Firefox (even when I reload, and dhtmlx.js is already in cache), the boxes and the icons appear, but the boxes are empty, there is no text in them… Maybe I did something wrong. Do your fix work well with Firefox 30 (latest version) on your side?

This being said in my larger application, using require.js everything is fine in Firefox. Maybe dhtmlx.js wasn’t loaded completely in FF in the case of my small test above.

Hi

works fine localy in FF 30.0

please try attached demo (dhtmlx version is 4.0.3)
51.ZIP (411 KB)