I'm trying to use the react-draft-wysiwyg module, but the imported styles associated with the module aren't being utilized. I think this is due to the imported css being loaded into a hash whereas the class attributes of the elements in the module are not.
That being the case, can I either:
Some of the things I've tried include:
import draftcss from 'react-draft-wysiwyg/dist/react-draft-wysiwyg.css';
...
export default withStyles(s, draftcss)(Layout);
Inside the main imported css file:
@import 'react-draft-wysiwyg/dist/react-draft-wysiwyg.css';
There is an issue raised in Github about this problem.
The only solution stated there that worked is to copy all css content of the plugin to an local .css file and import into main css file.
You can find css content of the plugin in node_modules/react-draft-wysiwyg/dist/react-draft-wysiwyg.css