cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
rexkenley
Level 8

Fabric UI surface issue

Hi

 

There seems to be an issue with fabric ui surfaces. I am trying to incorporate tinyMCE into a pcf control. As shown in the screen shot, the surface doesn't seem to properly encapsulate tinyMCE. The format menu in the surface is showing up behind the surface.

 

Annotation 2020-01-18 151226.png

 

https://github.com/tinymce/tinymce-react

https://www.tiny.cloud/docs/integrations/react/

4 REPLIES 4
ben-thompson
Level 8

Re: Fabric UI surface issue

Any reason why you want to use TinyMCE? 

 

A few people have got quilljs to work with react well https://pcf.gallery/d365richtexteditor/ is a good example to work from.

Highlighted
rexkenley
Level 8

Re: Fabric UI surface issue

Ben

 

Because it has better support when it comes to adding fonts. I have worked with quill before and it is a pain to customize.

 

The editor being used on this forum is also tinyMCE. 😁

 

 

Power Apps Staff HemantG
Power Apps Staff

Re: Fabric UI surface issue

Can you please check the CSS , looks like Z-index for the flyout need to be adjusted. There is a community tinyMCE control which can be referenced - https://pcf.gallery/tinymce-rich-text-editor/

 

hemant 

rexkenley
Level 8

Re: Fabric UI surface issue

@HemantG 

 

The rich text project doesn't encapsulate tinyMCE within a fabric-ui modal surface. Other 3rd party editor projects seem to have the same issue. 

 

Also the documentation doesn't indicate that you can control the z-index.

https://www.tiny.cloud/docs/integrations/react/#tinymcereacttechnicalreference 

Helpful resources

Announcements
Better Together’ Contest Finalists Announced!

'Better Together’ Contest Finalists Announced!

Congrats to the finalists of our ‘Better Together’-themed T-shirt design contest! Click for the top entries.

thirdimage

Power Apps Community User Group Member Badge

Fill out a quick form to claim your user group badge now!

sixthImage

Join THE global Microsoft Power Platform event series

Attend for two days of expert-led learning and innovation on topics like AI and Analytics, powered by Dynamic Communities

Power Platform 2019 release wave 2 plan

Power Platform 2019 release wave 2 plan

Features releasing from October 2019 through March 2020

thirdimage

Microsoft Business Applications Virtual Launch

Join us for the Microsoft Business Applications Virtual Launch Event on Thursday, April 2, 2020, at 8:00 AM PST.

thirdimage

Community Summit North America

Innovate, Collaborate, Grow - The top training and networking event across the globe for Microsoft Business Applications

Users online (3,760)