Question

5
Replies
301
Views
Close popover
abdul qaadir (abdulq95)
JP Morgan

JP Morgan
US
abdulq95 Member since 2014 20 posts
JP Morgan
Posted: April 25, 2017
Last activity: May 18, 2017
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 Experience
Moderation Team has archived post