Micro Frontends shared theme provider #30477
Unanswered
anhcuong203
asked this question in
Q&A
Replies: 0 comments
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
-
Hi guys,
I'm using Fluent React Components V9 with micro-frontend architecture. Most components work smoothly. But, I have some problems with components these create element outside the provider div (.fui-FluentProvider) such as OverlayDrawer. The created element didn't have provider classname, so, styles were not applied. If I use InlineDrawer, the layer created inside, styles applied and it's so nice.
Overlay of Remote when using in Host
![image](https://private-user-images.githubusercontent.com/86290183/302275684-0d134fbc-9078-4a26-aa96-9648d784b39a.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTk1NTgzOTgsIm5iZiI6MTcxOTU1ODA5OCwicGF0aCI6Ii84NjI5MDE4My8zMDIyNzU2ODQtMGQxMzRmYmMtOTA3OC00YTI2LWFhOTYtOTY0OGQ3ODRiMzlhLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA2MjglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNjI4VDA3MDEzOFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTYyM2RjZGE0NmJmNGZjOWEzYTIyMTA0YmNmNmJlMTRhYTBiMWU2ZDFmNDcyZTdiOWU5ZmIxM2EzMjI1YzU3NGYmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.i3wMSXC_qsk-xvWjBD6zJNivclEl5vFQLWM7IjukixI)
Overlay imported directly from fluentui package in Host
![image](https://private-user-images.githubusercontent.com/86290183/302276961-4c581b14-8427-4dcb-99b1-578e5adfb1fc.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTk1NTgzOTgsIm5iZiI6MTcxOTU1ODA5OCwicGF0aCI6Ii84NjI5MDE4My8zMDIyNzY5NjEtNGM1ODFiMTQtODQyNy00ZGNiLTk5YjEtNTc4ZTVhZGZiMWZjLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA2MjglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNjI4VDA3MDEzOFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWRiYzQ3YWU0YjRiZGNhYmRjYmY3ZjRjOTYwNjA2MDEzYWZiZDViNjVmMTE4MGI1YjgwMThiMDM0MDc5ZjFmYjAmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.Zk4td0gJpK7rPICxHyKwlNk4TZqqn2tR5_zNYAqVR-U)
So, is there any way to push lost classname into that overlay?
Beta Was this translation helpful? Give feedback.
All reactions