style="min-width: 428px;" on p:autoComplete destroys design

[michael.amann]

Hi guys,

when inserting a <p:autoComplete /> tag in a structure simiar to the following

Code: Select all

<div class="Container25 Responsive100 NoIndent Flex FlexWrap">
<div class="Container100 Responsive100 ui-fluid">
<div class="Card">
<div class="CardBigTopic">Kontext</div>
<div class="SeparatorFull"></div>
<div class="EmptyBox0"></div>
<div id="form:j_idt59" class="ui-panelgrid ui-widget ui-panelgrid-blank" style="margin-bottom:10px">
<div id="form:j_idt59_content" class="ui-panelgrid-content ui-widget-content ui-grid ui-grid-responsive">
<div class="ui-grid-row">
<div class="ui-grid-row">
<div class="ui-panelgrid-cell ui-grid-col-12">
<div id="form:j_idt60" class="ui-outputpanel ui-widget">
<div id="form:context_input" class="ui-selectonemenu ui-widget ui-state-default ui-corner-all" style="min-width: 428px;">

then the div containing the ui-selectonemenu has a style assigned, min-width. This destroys the design in case the selectonemenu's values are larger than the available space. By simple omitting this attribute the whole problem would be solved.

I could not find a way how to omit this attribute value in the xhtml. Even by providing the <p:autoComplete ... style="" /> the min-width is added.

How to resolve this?

Regards
Michael

[mert.sincan]

Which PF-version are you using?

[michael.amann]

I am in 5.3.11

[mert.sincan]

You say p:selectOneMenu ?
<div id="form:context_input" class="ui-selectonemenu ui-widget ui-state-default ui-corner-all" style="min-width: 428px;">

It is a primefaces issue; https://github.com/primefaces/primefaces/issues/1372
We'll fix it for 5.3.12 and 6.0.