Autocomplete dropdown and dialogs

[darkrv]

Hello there is an issue about using autocomplete inside a dialog.
The suggestion Box is attached to the document and the dialog is floating, so scrolling does not work.

[darkrv]

It will be also nice to have a scrollbar in the suggestion box without modifying the css.
Autocomplete bug in dialogs (can't scroll properly and can't close the suggestion box)
Using primefaces M3

Thanks for this nice framework!

[cagatay.civici]

I've replicated it, will be looked in later in detail. Thx!

[darkrv]

maybe you should change dialog position to

.ui-dialog {
position: absolute !important;
}

and close the suggestion box when the dialog scroll bar is scrolling but i dont know how to do that !

Thanks cagatay!

[cagatay.civici]

It will have side effects, we'll see other ways.

[darkrv]

But i think absolute position for dialog is important so we can scroll the page with the dialog if the window is too small or low resolution.
I have problems to scroll a dialog when resolution is low.
(Dialog is not scrolling, only the background is scrolling without absolute position)

[darkrv]

You can also reproduce the problem on showcase
1-go in auto complete dropdown
2- open drop down
3-minimize the window

The drop down box isnt attached to the input field.

[darkrv]

Hello gratz for the new version of primefaces 3 but i still have problems with dialog positionning in 3.0 final
(see picture)
http://i41.tinypic.com/250v9tj.png

i have fixed using old M3 css and absolute positioning

.ui-dialog {
position: absolute !important;
}


/*Autocomplete M3*/
.ui-autocomplete {
width: auto;
zoom: 1;
cursor: pointer;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
position:static;
}

.ui-autocomplete-panel {
position: absolute;
overflow: auto;
}

.ui-autocomplete-panel .ui-autocomplete-list {
padding: 0.4em;
border: 0 none;
}

.ui-autocomplete-panel .ui-autocomplete-list-item {
border:0px none;
cursor:pointer;
font-weight:normal;
margin:1px 0;
padding:3px 5px;
text-align:left;
}

.ui-autocomplete-panel .ui-autocomplete-table {
border-collapse:collapse;
width:100%;
}

.ui-autocomplete-panel .ui-autocomplete-table td {
border-width: 1px;
border-style: solid;
border-color: inherit;
padding:4px 10px 4px 10px;
}

.ui-autocomplete .ui-button-icon-only .ui-button-text {
padding: 0.29em;
}

Why not keep absolute positionning?