{"action":"created","issue":{"url":"https://api.github.com/repos/dowjones/react-dropdown-tree-select/issues/147","repository_url":"https://api.github.com/repos/dowjones/react-dropdown-tree-select","labels_url":"https://api.github.com/repos/dowjones/react-dropdown-tree-select/issues/147/labels{/name}","comments_url":"https://api.github.com/repos/dowjones/react-dropdown-tree-select/issues/147/comments","events_url":"https://api.github.com/repos/dowjones/react-dropdown-tree-select/issues/147/events","html_url":"https://github.com/dowjones/react-dropdown-tree-select/issues/147","id":349051967,"node_id":"MDU6SXNzdWUzNDkwNTE5Njc=","number":147,"title":"material design css not working","user":{"login":"xporium","id":40201510,"node_id":"MDQ6VXNlcjQwMjAxNTEw","avatar_url":"https://avatars2.githubusercontent.com/u/40201510?v=4","gravatar_id":"","url":"https://api.github.com/users/xporium","html_url":"https://github.com/xporium","followers_url":"https://api.github.com/users/xporium/followers","following_url":"https://api.github.com/users/xporium/following{/other_user}","gists_url":"https://api.github.com/users/xporium/gists{/gist_id}","starred_url":"https://api.github.com/users/xporium/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/xporium/subscriptions","organizations_url":"https://api.github.com/users/xporium/orgs","repos_url":"https://api.github.com/users/xporium/repos","events_url":"https://api.github.com/users/xporium/events{/privacy}","received_events_url":"https://api.github.com/users/xporium/received_events","type":"User","site_admin":false},"labels":[{"id":595886261,"node_id":"MDU6TGFiZWw1OTU4ODYyNjE=","url":"https://api.github.com/repos/dowjones/react-dropdown-tree-select/labels/question","name":"question","color":"cc317c","default":true}],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":6,"created_at":"2018-08-09T09:38:15Z","updated_at":"2018-08-14T13:32:37Z","closed_at":null,"author_association":"NONE","body":"hi,\r\ni m new in react, actually  i follow your steps and install react dropdown tree select in my project.\r\neven i also added webpack rule which mentioned.\r\nBut if i try with custom css like material or bootstrap than its not working.\r\nif i remove rule from webpack than default css also not working\r\nso can any one tell me which rule or configuration i have to add in webpack?\r\n\r\n\r\ni{\r\n            test: /\\.css$/,\r\n            use: ExtractTextPlugin.extract({\r\n              fallback: 'style-loader',\r\n              use: [\r\n                {\r\n                  loader: 'css-loader'\r\n                }\r\n              ]\r\n            }),\r\n            include: /node_modules[/\\\\]react-dropdown-tree-select/\r\n          },\r\n{\r\n            test: /\\.css$/,\r\n            use: [\r\n              require.resolve('style-loader'),\r\n              {\r\n                loader: require.resolve('css-loader'),\r\n                options: {\r\n                  importLoaders: 1,\r\n                  modules:true,\r\n                  localIdentName:'[Name]__[local]__[has:base64:5]'\r\n                },\r\n              },\r\n              {\r\n                loader: require.resolve('postcss-loader'),\r\n                options: {\r\n                  // Necessary for external CSS imports to work\r\n                  // https://github.com/facebookincubator/create-react-app/issues/2677\r\n                  ident: 'postcss',\r\n                  plugins: () => [\r\n                    require('postcss-flexbugs-fixes'),\r\n                    autoprefixer({\r\n                      browsers: [\r\n                        '>1%',\r\n                        'last 4 versions',\r\n                        'Firefox ESR',\r\n                        'not ie < 9', // React doesn't support IE8 anyway\r\n                      ],\r\n                      flexbox: 'no-2009',\r\n                    }),\r\n                  ],\r\n                },\r\n              },\r\n            ],\r\n          },"},"comment":{"url":"https://api.github.com/repos/dowjones/react-dropdown-tree-select/issues/comments/412872777","html_url":"https://github.com/dowjones/react-dropdown-tree-select/issues/147#issuecomment-412872777","issue_url":"https://api.github.com/repos/dowjones/react-dropdown-tree-select/issues/147","id":412872777,"node_id":"MDEyOklzc3VlQ29tbWVudDQxMjg3Mjc3Nw==","user":{"login":"mrchief","id":781818,"node_id":"MDQ6VXNlcjc4MTgxOA==","avatar_url":"https://avatars3.githubusercontent.com/u/781818?v=4","gravatar_id":"","url":"https://api.github.com/users/mrchief","html_url":"https://github.com/mrchief","followers_url":"https://api.github.com/users/mrchief/followers","following_url":"https://api.github.com/users/mrchief/following{/other_user}","gists_url":"https://api.github.com/users/mrchief/gists{/gist_id}","starred_url":"https://api.github.com/users/mrchief/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mrchief/subscriptions","organizations_url":"https://api.github.com/users/mrchief/orgs","repos_url":"https://api.github.com/users/mrchief/repos","events_url":"https://api.github.com/users/mrchief/events{/privacy}","received_events_url":"https://api.github.com/users/mrchief/received_events","type":"User","site_admin":false},"created_at":"2018-08-14T13:32:37Z","updated_at":"2018-08-14T13:32:37Z","author_association":"MEMBER","body":"Took the liberty of formatting the code blocks in your post.\r\n\r\nYour code looks fine. I don't know what's not working. Simply stating \"it's not working\" is not very helpful. That's a very vague thing.\r\n\r\nTake a look at this branch: https://github.com/dowjones/react-dropdown-tree-select/tree/b7fe7bc77e1a7734bebb36b8de9b8e7aa443f1cc/docs/examples/material\r\n\r\nAnd in your 2nd webpack rule, try excluding `node_modules`\r\n\r\n```\r\n{\r\n            test: /\\.css$/,\r\n            use: ExtractTextPlugin.extract({\r\n              fallback: 'style-loader',\r\n              use: [\r\n                {\r\n                  loader: 'css-loader'\r\n                }\r\n              ]\r\n            }),\r\n            include: /node_modules[/\\\\]react-dropdown-tree-select/         // <--keep this as is\r\n          },\r\n\r\n{\r\n            test: /\\.css$/,\r\n            exclude: /node_modules/           // <-- new condition to exclude css coming from node_modules\r\n            ...\r\n```"}}
{"actor":{"display_login":"mrchief"}}