You are viewing a plain text version of this content. The canonical link for it is here.
Posted to dev@myfaces.apache.org by "Mike Kienenberger (JIRA)" <de...@myfaces.apache.org> on 2015/09/16 18:13:45 UTC

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

    [ 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)