How to prevent the div in iframe from being blocked by its own iframe_html/css_WEB-ITnose

An iframe is nested in a page. The page in the iframe contains easyui's combobox. Now, because the height of the iframe is smaller than the height of the combobox drop-down panel, the display is incomplete and is covered by the iframe (as shown in Figure 1). The drop-down panel is a div and has been set to z. -index has no effect, please fix it. If you use the tag that comes with HTML, the display will be normal and will not be blocked by the iframe (Figure 2, the desired effect).
Picture 1

Picture 2

Reply to discussion (solution)

There is no way. .

This question is unclear. Is it possible to input a div and then position the div?

Reply to the above, the drop-down box panel itself is a div, not an input

I have seen a sugar cookie master's method, which is to penetrate the iframe, but actually when clicking Quickly insert the div into the parent body, hide or remove the original one, and see if this idea works.

It can definitely be realized according to the idea on the 4th floor. If you write it yourself, it is probably easy. If you are not familiar with easyui's combobox, it will be more difficult.

The 5th floor is right, the 4th floor can be realized. But it is probably a bit difficult to modify the combobox in easyui, because once it goes to the parent body, all kinds of positioning will have to be changed. I don't know if there is any simple way?

The 6th floor is right, the 4th floor can achieve it