2

I have created a web part in react js which contains a Microsoft office UI fabric control "Modal" and it pop outs on a button click. This feature works fine on my local workbench but whenever I deployed it as an app on sharepoint online and add as a web part in modern view page. Things happen something like described in the below images:

enter image description here

enter image description here

enter image description here

Instead of coming infront of the page it opens in the area allocated to the webpart. However, after further analysis, I come to know that sharepoint add this whole webpart into an iframe and set its height according to the height of the webpart section and same goes with the Microsoft UI fabric panel.

enter image description here

I want to know that is there a way that I can make modal or panel work as desired when deployed as a webpart in modern view SharePoint. However, it works when I deployed it as an extension (but that isn't my business requirement).

  • Few Suggestions 1. Try to publish and click the button. 2. Use max-height instead of height – Ashik Paul M Nov 26 '18 at 10:02

Your Answer

By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.

Browse other questions tagged or ask your own question.