iFrame: combobox list options rendering outside of Modal

[and-lopes]

The implementation details are a bit complicated, but we use this same custom country dropdown implementation in zen (no iframe) and it seems to work.

I'm trying to use it in an iframe (before we migrate it to zen) and it's rendering as follows:

iframe

https://code.hq.twilio.com/numbers/numbers-console-frontend/pull/1250

bug.mov

zen

Any ideas/pointers?

[SiTaggart]

Hi @and-lopes

Try updating the version of Paste you are using. There was something we changed recently to the rendering of the Combobox Listbox (from absolute to fixed) that might help.

Lets start there.

Thanks

[jmauriciosalasmoreno]

@SiTaggart it looks like this is the fix on Jul 14th and the latest release was on Jul 11th

I think the fix is not released yet, is it?

[SiTaggart]

Whoops! You're right, we'll be cutting a release today

[SiTaggart]

Hi @and-lopes

To round this out, the fix I was referring to for Multiselect combobox is now in Production. But, as per our Slack conversations, this issue is likely to be just generally caused by an old version of Paste as our Single select combobox doesn't use absolute positioning, or some old styles on that particular page causing some issues, as you are using this component on a different page, in the same way, and it works just fine.

Hopefully you find a way to resolve this. Let us know how it goes

[and-lopes]

Linking this thread here as well for further context https://twilio.slack.com/archives/C030F220R8C/p1691627791584569

thanks for your help