🐛 removed global style leak (#60)

harshzalavadiya · web-flow · commit a9d221a0698c · 2020-06-30T16:45:51.000+05:30
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-multi-select-component",
-  "version": "2.0.11",
+  "version": "2.0.12",
   "description": "Simple and lightweight multiple selection dropdown component with checkboxes, search and select-all",
   "author": "Harsh Zalavadiya",
   "license": "MIT",
diff --git a/src/select-panel/default-item.tsx b/src/select-panel/default-item.tsx
@@ -11,7 +11,7 @@ interface IDefaultItemRendererProps {
 }
 
 const DefaultRenderer = css({
-  "input,span": {
+  "& input,& span": {
     verticalAlign: "middle",
     margin: 0,
   },

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "react-multi-select-component",`
`3`		`- "version": "2.0.11",`
	`3`	`+ "version": "2.0.12",`
`4`	`4`	`"description": "Simple and lightweight multiple selection dropdown component with checkboxes, search and select-all",`
`5`	`5`	`"author": "Harsh Zalavadiya",`
`6`	`6`	`"license": "MIT",`
Original file line number	Diff line number	Diff line change
`@@ -11,7 +11,7 @@ interface IDefaultItemRendererProps {`
`11`	`11`	`}`
`12`	`12`
`13`	`13`	`const DefaultRenderer = css({`
`14`		`- "input,span": {`
	`14`	`+ "& input,& span": {`
`15`	`15`	`verticalAlign: "middle",`
`16`	`16`	`margin: 0,`
`17`	`17`	`},`