[TOMAHAWK-1677] s:inputSuggestAjax dropdown list is hiding the text of input text in IE-11

• Type: Bug
• Status: Open
• Priority: Major
• Resolution: Unresolved
• Affects Version/s: 1.1.14
• Component/s: InputSuggestAjax
• Environment: Windows 8, Weblogic 11g, IE-11 browser
• Assignee: Unassigned
• Reporter: Mayukh Roy
• Created: 15/Sep/15 11:20
• Updated: 16/Sep/15 16:13

Description

When I clicked on the down arrow icon of s:inputSuggestAjax the dropdown occupied some area of the input area. As a result bottom portion of the text went behind the dropdown.
s:inputSuggestAjax uses the styleclass 'dojoComboBox' which is placed inside org\apache\myfaces\custom\dojo\resource\src\widget\templates\ComboBox.css file.

In dojoComboBox if 'vertical-align: middle !important' needs to be changed to 'vertical-align: bottom !important'. This will fix the issue in IE-11.

For backward compatibility(IE-8) the following style needs to be changed in ComboBox.css file along with the change mentioned above which will align the textbox and the icon horizontally.
-----------------
Existing Style
-----------------
.dj_ie img.dojoComboBox {
margin-top: 1px;
margin-bottom: 1px;
}

-----------------
Updated Style
-----------------
.dj_ie img.dojoComboBox {
margin-top: 0px;
margin-bottom: 0px;
}

Either change it to '0px' both or don't use the style atall.