only part of drop down list visible

wbadam / autocomplete-extension

Autocomplete extension add-on for Vaadin 8

https://vaadin.com/directory#!addon/autocomplete-extension

8 stars 7 forks source link

only part of drop down list visible #10

Closed tamoler closed 7 years ago

tamoler commented 7 years ago

As you can see on the image below only part of drop down list is visible.
image

wbadam commented 7 years ago

It is perhaps because of the z-index is not being high enough. It is addressed for the next release. Until then try adding css rule similar to

.autocomplete-suggestion-list {
  z-index: 3000;
}

tamoler commented 7 years ago

it's actually didnt help. I'll try to describe some details. Here is a simple structure of components on the page.

<vertical layout>
    <horizontal layout>
        <edit field with AutocompleteExtension/>
    </ horizontal layout>
    <panel>
        <tree/>
    </panel>
</vertical layout>

Part of drop down list which should be displayed outside horizontal layout - does not visible

wbadam commented 7 years ago

I believe this is fixed in master, please reopen if the issue still persists in the upcoming release.

tamoler commented 7 years ago

Actually it didn't help. Here is the part of page code

Command

1

2

3

4

5

6

7

8

9

10

if you try to replace label from http://adam.app.fi/autocomplete/ to that part of code you will see that drop down list does not visible. I found that if i remove v-scrollable from panel-content elemten issue disapear partly. And items shows untill end of vertical layout. And if you remove v-widget from vertical-layout element then all elemnts become visible. I'm not sure which styles need to be overwriten so list can be displayed without removing classes from panel and vertical layout.