Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

EXPERIMENTAL_Select does not work outside the Admin's Iframe #1248

Open
laerc opened this issue Jun 16, 2020 · 0 comments
Open

EXPERIMENTAL_Select does not work outside the Admin's Iframe #1248

laerc opened this issue Jun 16, 2020 · 0 comments
Labels

Comments

@laerc
Copy link
Contributor

laerc commented Jun 16, 2020

Describe the bug

When we use the <EXPERIMENTAL_Select/> component inside the <Modal/>, which is outside the iframe as stated in this example:

<Modal 
   {...}
   container={window.top.document.getElementsByClassName('render-provider')[0]}
>
   {...}
   <EXPERIMENTAL_Select {...} /> 
</Modal>

The styles of the Multiselect component crash and the component does not work properly.

To Reproduce

Steps to reproduce the behavior:

  1. Go to this linked workspace
  2. Click on the button to edit the section General Information
  3. A Modal will open
  4. Find the field Trade Policies *
  5. Note that the styles are broken
  6. Try to interact with the component and you should see an error.

Expected behavior

To work correctly as intended.

Screenshots

Usage with the <Modal> component inside the Admin's iframe:
image

Usage with the <Modal> component outside the Admin's iframe:
image
image

Additional context

I looked at the documentation of the component that we are using to implement the EXPERIMENTAL_Select and the library does not have a prop container(docs). This might be the reason why this is not working.

@laerc laerc added the 🐛 Bug label Jun 16, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

1 participant