Question

I’ve got an iframe and input field with suggest in it.
The list of suggested items is created in js with follows params:

{
  borderRadius : '2px',
  boxShadow : '3px 4px 8px #DDDDDD',
  background : '#fff',
  border : '#aaa 1px solid',
  fontSize : '12px',
  padding : '2px',
  textAlign : 'left',
  position : 'absolute'
}

And it works fine while the list is not too long: now i see something like shown on the picture:

Suggest list is longer than iframe.

So the question is: how can i make this list to appear over the iframe?

Answer 1

An iframe is like an embedded window, everything in it is displayed inside it.
A workaround will be like specify a definite height for the list and add overflow property in it, so that the list will be displayed inside the iframe but will have a scroll bar.