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.

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 

Highlighted
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
thirdimage

Power Apps Super User Class of 2020

Check it out!

thirdimage

New Badges

Check it out!

thirdimage

Power Apps Community User Group Member Badge

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

sixthImage

Power Platform World Tour

Find out where you can attend!

Power Platform 2019 release wave 2 plan

Power Platform 2019 release wave 2 plan

Features releasing from October 2019 through March 2020

SecondImage

Difinity Conference

The largest Power BI, Power Platform, and Data conference in New Zealand

Users online (4,970)