[ https://issues.apache.org/jira/browse/TOMAHAWK-1677?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=14790632#comment-14790632 ]
Mike Kienenberger commented on TOMAHAWK-1677: --------------------------------------------- Can you provide your fix in the form of a unified diff patch so we can apply it? Thanks! > 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: Bug > 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)