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

["Mayukh Roy (JIRA)" <de...@myfaces.apache.org>]

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)