Question
Text Area Border not Visible in Firefox and IE Browsers
Hi All,
We are using the text area control as part of our development. On focus the border of the text area is not visible in the IE and Mozilla Firefox browsers. This looks odd in the UI. Also size of the text area varies with the browser. However, it is fine in the Chrome.
Can someone help me to resolve this? Please find the attachment for your reference.
Thanks in advance
Regards
Madhuri Patchipulusu
Hi
Thanks for your response. Control is working fine in UI gallery, but not replicated while running the flow.
1.Try comparing the application skin and OOTB skin ,there might be some changes in your application skin.
Also try removing the custom css files that you have added to your application and check the behavior.
Hi ,
Keep the below code in the userworkform:
<style>
.TextAreaContainer .textAreaExpandStyle TEXTAREA, .TextAreaContainer_DV TEXTAREA {
border-radius: 2px;
transition: all .2s ease-out;
-moz-border-left: 1px solid #CCCCCC;
-moz-border-top: 1px solid #CCCCCC;
-moz-border-right: 1px solid #CCCCCC;
-moz-border-bottom: 1px solid #CCCCCC;
}
.ie .TextAreaContainer .textAreaExpandStyle TEXTAREA, .TextAreaContainer_DV TEXTAREA {
border-radius: 2px;
border-left: 1px solid #CCCCCC;
border-top: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
}
<style>
Does the issue occur when you point your application to the OOTB skin?
Hi,
Could you please check with the OOTB skin once.
Or
Try checking in UI gallery
DesignerStudio-> UserInterface ->Gallery -> Elements->Text Area
If you are facing same issue there ,try placing below css in the userWorkForm rule
<style>
.TextAreaContainer .textAreaExpandStyle textarea, .TextAreaContainer_DV textarea{
border-right:1px solid #CCCCCC !important;
}
</style>