Select Item Text getting Wrapped in Internet Explorer

Question

I am getting a large text in selectItem so i gave the legnth as fixed size for selectOneMenu, So when i see the selectItems it will be full text in Chrome browser, But it is getting wrapped in IE, Please help on this

Chrome

enter image description here

My Code sample is

<m:td >

    <h:outputLabel id="PGMADMOLL960" 
                   for="newapcstatusPrc"                                    
                   value="#{msg['label.proc.apcStatus']}" />
    <m:br></m:br>
    <h:selectOneMenu id="newapcstatusPrc" 
                     style="width:150px"                            
                     value="#{ProcedureCodePricingDataBean.procedureCodePricingVO.apcStatusCode}">
        <f:selectItem itemValue="" 
                      itemLabel="" />
        <f:selectItems value="#{ProcedureCodePricingDataBean.apcStatusCodeList}" />
    </h:selectOneMenu>
    <m:br />
    <h:message id="PGMADMM659" 
               for="newapcstatusPrc" 
               styleClass="colorRed" />
    <m:br />
</m:td>

What is the expected outcome? Should the dropdown expand to the full length? — mish, Oct 23 '14 at 09:15
@mish : yes it should be expanded to full length, as in the first image — Siva, Oct 23 '14 at 09:20

score 0 · Answer 1 · edited May 23 '17 at 11:51

0

There a question with the same topic, already answered here:

Select dropdown with fixed width cutting off content in IE

I would suggest this fix: http://css-tricks.com/select-cuts-off-options-in-ie-fix/

edited May 23 '17 at 11:51

Community

1
1

answered Oct 23 '14 at 09:24

mish

1,055
10
29

Select Item Text getting Wrapped in Internet Explorer

1 Answers1