Mayukh Roy created TOMAHAWK-1677:
------------------------------------
Summary: s:inputSuggestAjax dropdown list is hiding the text of
input text in IE-11
Key: TOMAHAWK-1677
URL: https://issues.apache.org/jira/browse/TOMAHAWK-1677
Project: MyFaces Tomahawk
Issue Type: Improvement
Components: InputSuggestAjax
Affects Versions: 1.1.14
Environment: Windows 8, Weblogic 11g, IE-11 browser
Reporter: Mayukh Roy
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.
--
This message was sent by Atlassian JIRA
(v6.3.4#6332)
