May 08, 2014, 12:38 PM
[CLOSED] TextAreafield with an div overlay in front
Hello support :-)
I have a problem, with the textareafield.
If i make a div and put in front of the textareafield like a overlay the caret seems to disappear.
but this is only in firefox, chrome.
In IE i can clearly see the caret blinking and where it is in the field.
Do you guys have any idea why this is so...
The div i have made is click trough, so i can click into the textarea and put the caret inside it
and it works in chrome, firefox and IE..
So the my question is why cant i see the caret, when i can type into the field and see the text appear...
The code for making the div in front of the textareafield is like so..
I have a problem, with the textareafield.
If i make a div and put in front of the textareafield like a overlay the caret seems to disappear.
but this is only in firefox, chrome.
In IE i can clearly see the caret blinking and where it is in the field.
Do you guys have any idea why this is so...
The div i have made is click trough, so i can click into the textarea and put the caret inside it
and it works in chrome, firefox and IE..
So the my question is why cant i see the caret, when i can type into the field and see the text appear...
The code for making the div in front of the textareafield is like so..
LIA.TextArea._comp // this is component that holds the Ext.form.field.TextArea
var owner = LIA.TextArea._comp;
//Config for the div
var htmlConfig = {
id: LIA.TextArea._comp.id + "_divHtml",
autoEl: "div",
renderTo: owner.bodyEl,
overflowY: 'auto',
style: {
position: 'absolute',
'pointer-events': 'none',
top: "0px",
left: "0px",
"white-space": "pre-wrap;",
"word-wrap":"break-word",
"border": "1px solid black;",
paddingTop: "4px",
paddingRight: "6px",
paddingLeft: "35px"
}
}
LIA.TextArea._htmlOverlay = Ext.create('Ext.container.Container', htmlConfig); // this generates the div
Last edited by Daniil; May 09, 2014 at 1:32 PM.
Reason: [CLOSED]