1 reply [Last post]
ITT
ITT's picture
Offline
newbie
Last seen: 8 years 38 weeks ago
Timezone: GMT+5.5
Joined: 2014-09-04
Posts: 1
Points: 2

Input Box Size issue with IE. I created HTML and same HTML working fine. When I put same HTML in VF component it's working fine for Firefox & Chrome but for IE, text feedback box size shrinking too much.
...

<apexutputPanel styleClass="popup" layout="block">
<a href="#" onclick="ResetFeedbackForm('feedbackPopup');"><img src="{!URLFOR($Resource.Wirestone,'Images/Tile_Images/CP3_X.png')}" style="float:right;"/></a>
<table width="100%" height="100%">
<tr><td colspan="2" align="center"><apexutputLabel styleclass="page-title">{!SubmitFeedbackLabel}</apexutputLabel></td></tr>
<tr height="100%"><td colspan="2"><textarea id="feedbackText" onkeyup="ToggleFeedbackSubmit()" onmousemove="ToggleFeedbackSubmit()" class="textfeedback" /></td></tr> 
<tr><td>&nbsp;</td><td/></tr>
<tr>
<td align="center"><input type="button" id="feedbackSubmit" value="{!submitLabel}" class="btn-gray btn-gray-small text-gray" disabled="true" onclick="SubmitFeedback()"/></td>
<td align="center"><input type="button" id="feedbackSubmit" value="{!cancelLabel}" class="btn-gray btn-gray-small text-white" onclick="ResetFeedbackForm('feedbackPopup')"/></td>
</tr> 
</table>
</apexutputPanel>

.....

CSS

.textfeedback
{
width:100%;
height:100%;
margin-bottom: 10px;
resize:none;
 
 
}

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 3 weeks 5 days ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5344
Points: 2965

Hi ITT, It's hard to tell

Hi ITT,

It's hard to tell from what you have given us. See if the issue is Box-sizing