Closed tomtom94 closed 4 years ago
Hello I am using jss-plugin-vendor-prefixer with react-jss and it just ignores the plugin. No error message in the console.
jss-plugin-vendor-prefixer
react-jss
What's wrong I am doing ?
import { JssProvider, SheetsRegistry, createGenerateId, jss } from 'react-jss' import vendorPrefixer from 'jss-plugin-vendor-prefixer' ... const generateId = createGenerateId() const sheets = new SheetsRegistry() jss.setup(preset()) jss.use(vendorPrefixer()) const html = renderToString( <JssProvider jss={jss} registry={sheets} generateId={generateId}> {sheet.collectStyles(extractor.collectChunks(jsx(staticContext, helmetContext)))} </JssProvider> )
import { JssProvider, SheetsRegistry, createGenerateId, jss } from 'react-jss' import vendorPrefixer from 'jss-plugin-vendor-prefixer' jss.setup(preset()) jss.use(vendorPrefixer()) ... return ( <Provider store={store}> <ConnectedRouter history={history}> <HelmetProvider> <JssProvider jss={jss}> <HotApp /> </JssProvider> </HelmetProvider> </ConnectedRouter> </Provider> )
I just don't have the -webkit when I use display: flex And it's really bad with Internet Explorer ;)
-webkit
display: flex
Hello I am using
jss-plugin-vendor-prefixer
withreact-jss
and it just ignores the plugin. No error message in the console.What's wrong I am doing ?
Server side rendering
Client side rendering
I just don't have the
-webkit
when I usedisplay: flex
And it's really bad with Internet Explorer ;)