Question

5
Replies
274
Views
abdulq95 Member since 2014 20 posts
JP Morgan
Posted: 3 years ago
Last activity: 3 years 5 months ago
Closed
Solved

IE: Text area appears with horizontal scroll bar

Hi,

My application was upgraded from PRPC 62sp2 to Pega72.

We are using text area control which on entering data wrap next line with veritcal scroll bar in Firebox. however in IE it gives horizontal scroll and makes data entry annoying.

Script:

<pega:choose>
<pega:when test="$mode-input">
<SPAN nowrap>
<pega:include name="Messages"/>
<TEXTAREA SPELLCHECKENABLED="true" <pega:include name="ClientValidation"/> id="<pega:reference name="$THIS-DEFINITION(pyPropertyName)<%=indx%>" />"
name="<pega:reference name="$this-name" />"
style="border:1px solid #666666; height:60px;width:<pega:reference name="$save(strWidth)" />px; color: #333333; font-family: Arial; overflow:auto; " onpaste="return maxLengthPasteSingle(this,'<p:r n="Param.MaxLimit"/>','<%= indx %>')"
onkeyup="MaxLengthSingle(this,'<p:r n="Param.MaxLimit"/>','<%= indx %>')" oncut="checkCut(this,'<p:r n="Param.MaxLimit"/>','<%= indx %>')" onmousedown="checkMouseDown()" ><pega:reference name="$this-value" mode="normal" /></TEXTAREA>
</SPAN>
</pega:when>

<pega:otherwise>
<TEXTAREA SPELLCHECKENABLED="true" <pega:include name="ClientValidation"/> id="<pega:reference name="$THIS-DEFINITION(pyPropertyName)" />"
name="<pega:reference name="$this-name" />"
style="border:1px solid #666666; height:60px;width:<pega:reference name="$save(strWidth)" />px; background:#E8E8E8; color: #333333; font-family: Arial; overflow:auto; "

<pega:reference name="$save(overflowStyle)" />" readonly ><pega:reference name="$this-value" mode="text" /></TEXTAREA>
</pega:otherwise>
</pega:choose>

In IE:

Image removed.

In Firefox

Image removed.

What i have tried?

max-width:100%;
    overflow-x: hidden;overflow-y: scroll;

Please share your thoughts.

***Moderator Edit: Vidyaranjan | Updated Categories***

User Interface
Moderation Team has archived post
Share this page LinkedIn