Support Article

Some styles are quite different between IE10 with IE11

SA-28415

Summary



It has been observed that the style (height) is quite different between Internet Explorer 10 with Internet Explorer 11 for the text box and drop-down. 

In Internet Explorer 10, the text input box is large with no spacer. 


Error Messages



Not applicable


Steps to Reproduce

  1. Add a free form layout to a section and add a text input box and drop-down.
  2. View the section in Internet Explorer 10 and Internet Explorer 11.


Root Cause



In Internet Explorer 10, height 100% on input element is overriding padding when the input element is placed inside td element.

Resolution



Include the following CSS snippet in the UserWorkForm: 

<style> 
.ie10 table#SpreadSheetTB td.dataValueWrite select[data-ctl='["Dropdown"]'], .ie10 table#SpreadSheetTB td.dataValueWrite input[data-ctl='["TextInput"]'] { 
height: auto; 

</style>

Published September 26, 2016 - Updated October 5, 2016

Have a question? Get answers now.

Visit the Collaboration Center to ask questions, engage in discussions, share ideas, and help others.